[kotlin] 데이터바인딩과 커스텀 뷰 결합하기

15 Dec 2023

kotlin

Kotlin과 안드로이드 앱 개발에서 데이터바인딩은 매우 유용한 기술입니다. 데이터바인딩을 사용하면 뷰와 모델을 간단하게 연결할 수 있고, 커스텀 뷰에서도 이점을 살릴 수 있습니다. 이번 포스트에서는 데이터바인딩을 사용하여 Kotlin으로 작성된 안드로이드 앱에서 커스텀 뷰를 효과적으로 활용하는 방법에 대해 살펴보겠습니다.

1. 데이터바인딩 설정

우선, build.gradle 파일에 다음과 같이 데이터바인딩을 활성화하는 코드를 추가합니다.

android {
    ...
    buildFeatures {
        dataBinding true
    }
}

2. 커스텀 뷰 생성

다음으로, 커스텀뷰를 생성합니다. 예를 들어, 맞춤형 버튼을 만들어 보겠습니다.

import android.content.Context
import android.util.AttributeSet
import android.view.LayoutInflater
import android.widget.LinearLayout
import com.example.myapp.databinding.CustomButtonBinding // 데이터바인딩 클래스 임포트

class CustomButton @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : LinearLayout(context, attrs, defStyleAttr) {

    private val binding: CustomButtonBinding = CustomButtonBinding.inflate(LayoutInflater.from(context), this, true)

    // 기타 설정 및 동작 메서드 구현
}

3. XML 레이아웃 설정

커스텀 뷰를 XML 레이아웃에서 사용할 수 있도록 설정합니다.

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>
        <variable
            name="viewModel"
            type="com.example.myapp.MyViewModel" />
    </data>
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <com.example.myapp.CustomButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:viewModel="@{viewModel}" />
    </LinearLayout>
</layout>

4. 데이터바인딩 적용

마지막으로, XML 레이아웃 내에서 커스텀 뷰에 데이터바인딩을 적용합니다.

import com.example.myapp.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {
    private lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        val view = binding.root
        setContentView(view)
        
        binding.viewModel = MyViewModel() // 뷰모델 연결
    }
}

이렇게하면 데이터바인딩을 통해 Kotlin에서 커스텀 뷰를 손쉽게 사용할 수 있습니다. 여기서는 버튼을 예로 들었지만, 다양한 커스텀 뷰에 동일한 방식으로 데이터바인딩을 적용할 수 있습니다.

더 많은 Kotlin과 안드로이드 앱 개발 관련 정보를 원하시면, Android 개발 공식 문서를 참고하세요.