[TIL] 220112

💻 Today I Leaned...

📌 안드로이드 입문

이미지 보여주기

Bitmap은 이미지를 불러올 수 있는 객체이다. 아래 코드에서는 생략했지만 이렇게 import를 해야 사용할 수 있다.

import android.graphics.Bitmap;

사용할 이미지를 drawable 폴더에 넣으면 R.drawable.을 했을 때 해당 파일이 보인다. 파일을 bitmap 리소스로 가져오도록 한 것이다. 또 canvas.drawBitmap(bmp, x:0, y:0, paint:null)을 적어준다.

public class sampleView extends View{
    private Paint paint = new Paint();
    private Bitmap bmp;

    public sampleView(Context context) {
        super(context);
        setBackgroundColor(Color.WHITE);

        Resources res = context.getResources();
        bmp = BitmapFactory.decodeResource(res, R.drawable.gom);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        paint.setTextSize(50);
        canvas.drawText("Hello world!", 10, 100, paint);

        canvas.drawBitmap(bmp, 0, 0, null);
    }
}

아래는 Bitmap으로 그린 이미지다.

samlpleView Bitmap으로 그린 이미지

xml을 이용해서도 가능하다. xml에 정의를 해서 이미지를 불러올 수 있다. layout - activity_main.xml 에 들어간다. 아래 코드와 같이 <ImageView>로 파일 불러오는 것이다. width와 height을 match_parent로 한 것은 전체화면을 꽉 채우라는 것을 의미한다.

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@drawable/gom"/>

아래는 xml로 그린 이미지다.

xml ImageView로 그린 이미지

MP3 플레이어 만들기

• 중요한 것 → manifests / MainActivity / layout
• layout은 화면이 어떻게 구성되는지를 의미한다.
• 만약 layout에서 버튼을 만든다면, 그 버튼이 동작되는 함수는 MainActivity에서 만든다.

아래 코드는 xml의 코드의 일부분이다. 이렇게 TextVeiw로 텍스트를 만들고, 크기를 정하고 정렬한다. 또한 id에 hellobutton이라는 id를 부여했다.

   <TextView
        android:id="@+id/hellobutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Play"
        android:textSize="100dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

layout의 activity_main.xml에서 버튼을 만든 후, MainActivity에서 TextView tv를 만든다. 검색해보니 findViewById()를 사용하면 xml에서 적용시킨 글자를 변경하거나 색을 바꾸거나, 크기를 적용시키는 등의 메소드를 지원받을 수 있다고 한다. 또  tv.SetOnClickListener()는 TextView를 클릭했을 때 ()안에 있는 처리를 하겠다는 의미로, 텍스트를 클릭하면 텍스트가 'Stop'으로 바뀌며 음악이 나오고, 다시 클릭하면 텍스트가 'Start'로 바뀌며 음악이 멈추는 메소드를 구현했다.

package com.example.mp3player;

import androidx.appcompat.app.AppCompatActivity;

import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    TextView tv;
    MediaPlayer mp;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mp = MediaPlayer.create(this, R.raw.bomber);
        mp.setLooping(false);

        tv = (TextView) this.findViewById(R.id.hellobutton);
        tv.setOnClickListener(new Button.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(!mp.isPlaying()){
                    mp.start();
                    tv.setText("Stop");
                } else{
                    mp.pause();
                    tv.setText("Start");
                }

            }
        });
    }
}

음악을 멈췄을 때

음악을 재생했을 때

📌 생활코딩 - DATABASE2 - MySQL

SQL의 INSERT 구문

데이터 추가하기 & 추가한 데이터 보기

USE opentutorials를 이용하여 데이터베이스를 선택하고, SHOW TABLES를 이용하여 지난번에 만든 'topic' 테이블을 확인한다. 또한 DESC 키워드를 이용하여 topic 테이블의 구조를 내림차순으로 볼 수 있다.

복잡해보이지만 테이블 안에 데이터를 추가하고 추가한 데이터를 보는 과정이다. INSERT문을 이용하여 데이터를 추가하고, SELECT문을 이용하여 추가된 데이터를 볼 수 있다. 아래 간단한 INSERT문을 보면 topic 테이블에 데이터를 INSERT 하겠다는 뜻이며, 첫번 째 괄호 안에 들어오는 column의 이름은 두번째 괄호 안에 들어오는 values가 무엇인지 알려준다. 따라서 그 순서가 서로 같아야한다.  

INSERT INTO topic (title,description,created,author,profile) VALUES('MySQL','MySQL is...',
NOW(),'gom','developer');

아래 SELECT문은 topic 테이블에 추가한 데이터를 보여준다. 내가 가져오고 싶은 데이터를 topic 테이블로부터 선택하여 가져오겠다는 의미이다.

SELECT * FROM topic;