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

내가 생각하는 뷰바인딩의 장점은
매번 findViewById를 쓰지 않아도 되는 점이다.

그 외에 잘못된 ID 접근이나 형병환 오류를 컴파일 시점에서 발견할 수 있고, MVVM패턴과 잘 어울리며 XML에 데이터와 로직을 연결할 수 있다는 장점이 있다.

1. build.gradle.kts(Module: app)

android {
    
    ...
    
    dataBinding {
        enable = true
    }
}

작성 후 Sync Now

2. IntroActivity

layout 태그로 전체 감싸기

<layout>
    <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=".auth.IntroActivity">

        ...

    </androidx.constraintlayout.widget.ConstraintLayout>
    
</layout>

 

 

3. Activity에 뷰바인딩 생성

class IntroActivity : AppCompatActivity() {

    // 1. 바인딩 생성
    // ActivityIntroBinding은 activity_intro.xml 파일과 연결된 자동 생성된 바인딩 클래스
    // lateinit var를 사용해 나중에 바인딩 객체를 초기화할 수 있도록 설정
    private lateinit var binding: ActivityIntroBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()

        // 2. DataBindingUtil로 레이아웃을 바인딩
        // DataBindingUtil.setContentView는 레이아웃 파일(activity_intro.xml)을 인플레이트하고,
        // 해당 레이아웃과 연결된 바인딩 객체(ActivityIntroBinding)를 생성
        // 이 바인딩 객체를 통해 XML에서 정의한 UI 요소에 직접 접근할 수 있게 된다.
        binding = DataBindingUtil.setContentView(this, R.layout.activity_intro)

        // 3. UI 요소에 접근하여 클릭 리스너 설정
        
        // 데이터 바인딩을 통해 XML에 정의된 뷰 요소들을 직접 접근할 수 있.
        // 클릭 이벤트 발생 시 LoginActivity로 화면 전환
        binding.loginBtn.setOnClickListener {
            val intent = Intent(this, LoginActivity::class.java)
            startActivity(intent)
        }

        // joinBtn 클릭 시 JoinActivity로 화면 전환
        binding.joinBtn.setOnClickListener {
            val intent = Intent(this, JoinActivity::class.java)
            startActivity(intent)
        }
    }
}