본문 바로가기

android/UI

[ Android ] 버튼 사용하기

반응형

안드로이드에서 버튼을 사용하는 방법을 설명하고, 버튼 클릭 시 텍스트를 변경하는 간단한 예제를 만들어 보겠습니다.

1. 프로젝트 구조

안드로이드 스튜디오에서 새 프로젝트를 만들고, 기본적으로 생성된 MainActivity를 수정하여 버튼을 추가합니다.

MyAndroidApp/
├── app/
│   ├── src/
│   │   ├── main/
│   │   │   ├── java/
│   │   │   │   └── com/
│   │   │   │       └── example/
│   │   │   │           └── myandroidapp/
│   │   │   │               └── MainActivity.java
│   │   │   └── res/
│   │   │       └── layout/
│   │   │           └── activity_main.xml

2. activity_main.xml

activity_main.xml 파일에서 버튼과 텍스트 뷰를 정의합니다.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"/>

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Click Me"
        android:layout_below="@id/textView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp"/>
</RelativeLayout>

3. MainActivity.java

MainActivity.java 파일에서 버튼 클릭 이벤트를 처리합니다.

package com.example.myandroidapp;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

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

        // Find the TextView and Button by their ID
        TextView textView = findViewById(R.id.textView);
        Button button = findViewById(R.id.button);

        // Set an OnClickListener on the button
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // Change the text of the TextView when the button is clicked
                textView.setText("Button Clicked!");
            }
        });
    }
}

설명

  1. 레이아웃 정의: activity_main.xml에서 RelativeLayout을 사용하여 버튼과 텍스트 뷰를 배치합니다. 텍스트 뷰는 화면 중앙에 배치하고, 버튼은 텍스트 뷰 아래에 배치합니다.
  2. 버튼과 텍스트 뷰 참조: MainActivity.java에서 findViewById를 사용하여 레이아웃에 정의된 버튼과 텍스트 뷰를 참조합니다.
  3. 클릭 이벤트 처리: 버튼에 OnClickListener를 설정하여 버튼이 클릭될 때 텍스트 뷰의 텍스트를 변경합니다.

이 예제는 안드로이드에서 버튼을 사용하는 기본적인 방법을 보여줍니다. 안드로이드에서는 다양한 이벤트 리스너와 뷰를 사용하여 복잡한 사용자 인터페이스를 만들 수 있습니다.

반응형