(22.10.10)안드로이드 프로그래밍 어플 위젯 심화 실습 & 안드로이드 프로젝트 구성 공부

Android Project tree의 메인 코드는 파일 이름이 'MainActivity.java'로 되어 있다. 이 파일에서는 액티비티 (화면)을 나타내기 위해서 setContentView(R.layout.activity_main);이라는 코드를 사용하는데, 여기서 activity_main이 바로 [res] 폴더의 하부 트리에 있는 [layout] - [activity_main.xml]이 된다. 쉽게 R.layout.activity_main이 바로 activity_main.xml 파일이다.

Android studio Project의 기본 소스인 Java 파일 이름은 MainActivity.java를, 기본 화면인 XML 파일 이름은 activity_main.xml을 사용한다.

지난 번 만들었던 BassApp에 추가로 3가지 다른 버튼을 넣어 좀 더 심화된 어플을 만들어 보았다.

[ activity_main.xml ]

( [res]-[layout] - [activity_main.xml] )

버튼의 너비 = layout_width
버튼의 높이 = layout_height

android:orientation

이것은 자식 View 위젯들이 나열되는 방향을 나타낸다. 여기서 vertical로 하였기에 새로로 나열된다.
가로로 나열하고 싶을 땐 horizontal을 쓰면 되고 기본값으로 horizontal으로 되어 있다.

모든 뷰(view) 와 뷰에서 상속된 것은 아이디를 가질 수 있는데, 아이디(id)는 " @+id/지정 아이디 " 형식으로 쓴다. @은 리소스에서 참조하라는 의미이고 @+는 리소스에 추가하라는 의미이다. 여기서 각 지정 아이디는 button1,2,3,4로 해주었다.

text 속성은 버튼에 쓰일 글자이다. 직접 text="네이버 열기" 라고 써도 무방하지만 안드로이드에서 문자열은 되도록 strings.xml에 모아두는 것이 좋다. "@string/문자열 이름"은 strings.xml 파일에 해당 문자열 이름으로 문자열이 지정되어 있다는 의미이다.

activity_main.xml 코드

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
 
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/button1"
        android:text="@string/strBtn1" />
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/button2"
        android:text="@string/strBtn2" />
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/button3"
        android:text="@string/strBtn3"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/button4"
        android:text="@string/strBtn4"/>
 
</LinearLayout>

[ strings.xml ]

[res]-[values] - [strings.xml]

위에서 설명했듯이 문자열들 정보를 모아둔 곳이다.
문자열 이름에 상응하는 내용을 적어주면 AVD을 구동시켜 어플을 실행하면 해당 버튼에 상응하는 내용이 적혀있게 된다.

strings.xml 코드

<resources>
    <string name="app_name">BaseApp</string>
    <string name="strBtn1">네이버 열기</string>
    <string name="strBtn2">긴급전화 열기</string>
    <string name="strBtn3">갤러리 열기</string>
    <string name="strBtn4">끝내기</string>
</resources>

 

[ MainActivity.java ]

setContentView()는 레이아웃을 화면에 표시해준다. R.layout.activity_main은 activity_main.xml 파일을 의미한다.

Java 코드에서 activity_main.xml의 버튼(Button)에 대해 접근해야 하므로 버튼에 대한 멤버 변수를 만든다. 멤버 변수의 위치인 @Override 바로 위에 button1,2,3,4를 추가 시켜 준다.
그리고 버튼과 관련된 Class를 임포트문에 추가 해준다.

그 다음 activity_main.xml의 파일에서 만든 버튼(Button) 객체에 대해 접근해야 하는데 findViewById() 메소드를 사용하면된다. " .setBackgroundColor() " 메소드를 이용하여 버튼의 색깔을 정하고, " .setTextColor() " 메소드를 이용하여 버튼 안에 적히는 글씨의 색상을 정해준다.

" .setOnClickListener() " 메소드를 이용하여 버튼이 클릭하면 작동하는 이벤트 메소드를 정의 해주면된다. ( ) 안에 new view 입력하면 onClick() 메소드가 자동 추가된다. 버튼이 작동할 때 원하는 모든 이벤트들을 작성해주면 된다.
버튼2는 긴급전화 걸기, 버튼3은 갤러리 열기, 버튼4는 어플 끝내기 기능을 넣어주었다.

MainActivity.java 코드

import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.graphics.Color;
import android.net.Uri;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
 
import java.net.HttpCookie;
 
public class MainActivity extends AppCompatActivity {
 
    Button button1, button2, button3, button4;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        button1 = (Button) findViewById(R.id.button1);
        button1.setBackgroundColor(Color.GREEN);
        button1.setTextColor(Color.BLACK);
 
        button2 = (Button) findViewById(R.id.button2);
        button2.setBackgroundColor(Color.BLUE);
        button2.setTextColor(Color.BLACK);
 
        button3 = (Button) findViewById(R.id.button3);
        button3.setBackgroundColor(Color.RED);
        button3.setTextColor(Color.BLACK);
 
        button4 = (Button) findViewById(R.id.button4);
        button4.setBackgroundColor(Color.YELLOW);
        button4.setTextColor(Color.BLACK);
 
 
        button1.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
 
                Toast.makeText(getApplicationContext(), "버튼을 눌렀어요",
                        Toast.LENGTH_SHORT).show();
                Intent mIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("http://m.naver.com"));
                startActivity(mIntent);
 
 
            }
        });
 
        button2.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
 
                Toast.makeText(getApplicationContext(), "버튼을 눌렀어요",
                        Toast.LENGTH_SHORT).show();
                Intent mIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("tel:/911"));
                startActivity(mIntent);
            }
        });
 
        button3.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
 
                Toast.makeText(getApplicationContext(), "버튼을 눌렀어요",
                        Toast.LENGTH_SHORT).show();
                Intent mIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("content://media/internal/images/media"));
                startActivity(mIntent);
            }
        });
 
        button4.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
 
                Toast.makeText(getApplicationContext(), "버튼을 눌렀어요",
                        Toast.LENGTH_SHORT).show();
                finish();
            }
        });
    }
}

버튼 2(긴급전화 열기)를 눌렀을 때

버튼3 (갤러리 열기)를 눌렀을 때

버튼 4(끝내기)를 눌렀을 때

AVD를 통해 어플을 실행시키고 버튼을 눌렀을 때 제대로 작동하는 것을 확인 할 수 있었다.

일반적으로 안드로이드 스튜디오를 이용한 위젯 이벤트 코딩 순서는 다음과 같이 요약할 수 있다.

① 위젯 변수 선언

 Button button1;

↓
② 변수에 activity_main.xml 파일의 위젯 id 대입

 button1 = (Button) findViewById(R.id.button1);

↓
③ 이벤트 발생 시 동작하는 클래스를 위젯에 정의

	button1.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
			//버튼 눌렀을 때 작동할 코드를 이부분에 삽입
   		}
	});

대부분의 view 위젯들은 이런 형식으로 변수선언하고 코딩하여 작동하게 된다.