View를 Activity로 가져오기

뷰를 액티비티로 어떻게 가져오는지 알아 봅시다.

 

안드로이드 스튜디오가 업그레이드 되면서 ViewBinding으로 뷰를 가져오는데, 여기서는 id로 직접 가져오거나 xml을 임포트해서 가져오는 방식을 설명할 것입니다.

 

먼저 activity_listener.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"
    tools:context=".Listener">

    <TextView
        android:text="hello"
        android:id="@+id/hello"
        android:layout_width="100dp"
        android:layout_height="100dp"/>
        
    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:id="@+id/image"
        android:src="@drawable/solid"/>

</LinearLayout>

xml 파일에 위와 같이 뷰가 정의되어 있습니다.

 

다음에는 Listener.kt 파일을 확인합니다.

반응형

package com.example.myapplication

import android.os.Bundle
import android.os.PersistableBundle
import android.util.Log
import android.view.View
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
import kotlinx.android.synthetic.main.activity_listener.*

class Listener : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_listener)

 
        val textView : TextView = findViewById(R.id.hello)

        hello.setOnClickListener {
            Log.d("click", "Click!")
            hello.setText("텍스트가 변경되었습니다")
            image.setImageResource(R.drawable.sunflower)
        }

        

    }
}

위와 같은 코드에서 우선 onCreate 부분을 오버라이드하는데, setContentView의 R.layout..... 부분에 불러올 뷰가 담긴 xml 파일 명을 명시합니다. setContentView 메소드는 명시한 파일의 뷰를 보여주는 역할을 합니다.

 

이후 textView 부분을 보면, findViewById 부분에서 뷰에서 정의했던 id값으로 뷰를 불러올 수 있습니다.

또는 아래의 람다 함수 방식과 같이 setOnClickListener 메소드에 태그와 메시지 기능을 달아 Logcat 부분에서 실제 해당 뷰를 클릭 시 메시지가 나오도록 확인이 가능합니다.

 

그리고 클릭을 하는 순간, 뷰의 텍스트 및 이미지가 바꿔질 수 있도록 원하는 리스너를 활용합니다. hello.setText("텍스트가 변경되었습니다") 및 image.setImageResource(R.drawable.sunflower) 부분처럼 말이죠. 위의 코드는 텍스트가 "hello"에서 "텍스트가 변경되었습니다" 문구로 바뀌며, 이미지는 solid 이미지에서 sunflower 이미지로 바뀌게 됩니다.

 

람다 함수 방식은 익명 함수 방식의 진화된 형태입니다. 정해준 id값인 hello를 선언하면, 선언과 동시에 원하는 하위 메소드의 사용이 가능합니다.

 

이후 AndroidManifest.xml 파일을 수정해주면 됩니다.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.myapplication">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.MyApplication">
        <activity android:name=".Listener"></activity>
                    <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        <activity android:name=".MainActivity">

        </activity>
    </application>

</manifest>

 

저희가 생성했던 Listener.kt 파일 부분에 intent-filter 태그를 위치시키면, 실행 시 해당 액티비티 파일이 실행됩니다.

 

이렇게 뷰마다 다양한 리스너들이 존재하는데, 리스너의 종류가 너무나 많기 때문에 일일이 기억하는 것은 쉽지 않습니다. 실제로는 뷰에 리스너를 장착시킨 후 원하는 동작이 있는 경우, 뷰의 리스너들 중에서 선택해서 사용하는 것이 좋습니다. 뷰마다 가질 수 있는 리스너들의 종류가 매우 다릅니다.