[AOS] DataBinding XML이벤트 주고 받기

XML과 ViewModel이 서로 정의한 변수와 함수를 주고 받는 방식이다.

굉장히 선호하는 방식이고, 코드가 좀 더 간결하고 깨끗해진다.

 

총 두 가지 예시를 들 것이고,

토글 버튼(ToggleButton)과 일반 버튼(Button) UI를 사용할 것이다.

 

언어 : Kotlin

 

 

1. ToggleButton Binding

: 토글 버튼 클릭시 'isToggleChecked'데이터가 갱신되고,

: 'isToggleChecked'를 바라보고 있던 다른 UI가 즉시 갱신되도록 함

 

[코드 영역]

val isToggleChecked = MutableLiveData(false)

fun onCheckedChanged(isChecked: Boolean) {
	isToggleChecked.value = isChecked
}

 

[레이아웃 영역]

<layout>
    <data>
        <!--VISIBLE용도-->
        <import type="android.view.View" />

        <!--Gravity용도-->
        <import type="android.view.Gravity" />

        <variable 
            name="vm"
            type="kr.co.cavedwellers.testpackage.viewmodels.MainViewModel"/>
    </data>
    ...
    <ImageView
        android:visibility="@{vm.isToggleChecked ? View.GONE : View.VISIBLE}" />

    <ToggleButton
        android:onCheckedChanged="@{(buttonView, isChecked) -> vm.onCheckedChanged(isChecked)}" />

</layout>

 

 

 

2. Button - Background Image Binding

: 일반 Button이 클릭 기능도 가능하고,

: 이미지 변수의 값이 달라지면 Background이미지가 달라지도록 함

 

[코드 영역]

val baseLineMenu = MutableLiveData<Drawable>()

init {
	baseLineMenu.postValue(ContextCompat.getDrawable(context, ..., ...))
}

fun settingDialog() {
	...
}

 

[레이아웃 영역]

<layout>
    ...
    <button
        android:background="@{vm.baseLineMenu}"
        android:onClickListener="@{() -> vm.onSettingDialog()}"
</layout>