005_입력 필드(EditText) 추가 및 데이터 활용

이전 강의에서는 버튼을 추가하고 클릭 이벤트를 처리하는 방법을 배웠습니다. 이번에는 사용자가 입력할 수 있는 EditText를 추가하고, 입력된 데이터를 활용하는 방법을 알아보겠습니다.

---

▼ EditText란?

EditText는 사용자가 텍스트를 입력할 수 있는 입력 필드입니다. 로그인 폼, 검색창, 댓글 입력 등 다양한 용도로 활용됩니다.

---

▼ EditText 추가하기

activity_main.xml 파일을 수정하여 입력 필드를 추가해 보겠습니다.

1. activity_main.xml 수정하기

아래 코드를 res/layout/activity_main.xml 파일에 추가합니다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    android:padding="16dp">

    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="이름을 입력하세요" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="확인" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="" />

</LinearLayout>

2. MainActivity.kt에서 EditText 값 가져오기

사용자가 입력한 값을 가져와 TextView에 출력하도록 코드를 추가합니다.

package com.example.myfirstapp

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.EditText
import android.widget.TextView

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val editText = findViewById<EditText>(R.id.editText)
        val button = findViewById<Button>(R.id.button)
        val textView = findViewById<TextView>(R.id.textView)

        button.setOnClickListener {
            val inputText = editText.text.toString()
            textView.text = "입력된 이름: $inputText"
        }
    }
}

---

▼ 실행 결과

앱을 실행하면 입력 필드(EditText) 와 버튼(Button) 이 보입니다.

1. 입력 필드에 이름을 입력하고 "확인" 버튼을 누르면
2. 입력한 내용이 TextView에 표시됩니다.

---

▶ 다음 강의 예고

006_토스트 메시지(Toast)와 다이얼로그(Dialog) 사용하기

---