[Android Kotlin] 안드로이드 코틀린 - 뷰 바인딩 (View Binding)

 

안드로이드 개발 시 xml 연결하는 findViewById() 전통적인 방법으로 했었는데 코틀린을 배우면서 코틀린에서만 제공하는 뷰 바인딩(View Binding)을 알게 되었다. 여러모로 findViewById() 보다 장점이 많아서 배우게 되었다. 이제 뷰 바인딩으로 xml 화면을 연결하는 방법을 알아보자.

0. 뷰 바인딩(viewBinding)의 장점

• 타입 안정성 : XML에서 정의된 뷰를 잘못 참조할 위험이 줄어든다.
• 컴파일 타임 체크 : 오류를 컴파일 타임에 잡을 수 있어서 런타임 오류가 줄어든다.
• 코드 간소화 : findViewById()를 사용할 필요가 없고, 중복 코드가 줄어든다.
• null 안전성 : Kotlin에서는 null 안전성을 기본으로 제공하기 때문에 코드가 더 안전해진다.

 

1. viewBinding 설정

build.gradle(Module :app) 파일에 viewBinding 설정을 추가

[Sync Now] 클릭해서 설정 적용

android {
    ...

    buildFeatures {
        viewBinding = true
    }
}

 

2.activity_main.xml 파일 작성

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textSay"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/btnSay"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="12dp"
        android:text="Button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textSay" />

</androidx.constraintlayout.widget.ConstraintLayout>

 

3. 레이아웃 파일 바인딩으로 생성

viewBinding이 설정되어 있기 때문에 안드로이드가 레이아웃 파일을 자동으로 바인딩으로 생성

그 다음 변수에 저장된 바인딩의 root 뷰를 setContentView에 전달한다.

package kr.co.hanbit.sayhello

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import kr.co.hanbit.sayhello.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        
        // inflate(layoutInflater) 모든 Activity에서 호출해서 사용할 수 있다.
        val binding = ActivityMainBinding.inflate(layoutInflater)
		
        // bindung.root를 입력하면 화면 안의 버튼을 사용할 수 있다.
        setContentView(binding.root)

    }
}

 

4. 뷰의 id 접근하여 사용하기

버튼 id에 리스터(Listner)를 설정한다.
(리스너의 역할은 버튼을 클릭했을 때 내부의 코드를 동작시키는 것)

package kr.co.hanbit.sayhello

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import kr.co.hanbit.sayhello.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        
        val binding = ActivityMainBinding.inflate(layoutInflater)
		
        setContentView(binding.root)
        
        // id가 btnSay인 버튼을 클릭하면 
        // id가 textSay인 textView가 "Hello Kotlin!!"으로 변경된다.
        binding.btnSay.setOnClickListener {
            binding.textSay.text = "Hello Kotlin!!"
        }

    }
}