[kotlin] 데이터바인딩의 주요 구성 요소 (Binding Class, Binding Layout, Binding Expression)

15 Dec 2023

kotlin

안녕하세요! 오늘은 코틀린에서 데이터바인딩의 주요 구성 요소에 대해 알아보겠습니다. 데이터바인딩은 안드로이드 앱에서 UI 컴포넌트와 데이터 모델을 결합하는 기술로, 코드의 가독성과 유지보수성을 향상시킵니다. 데이터바인딩 라이브러리는 주로 세 가지 주요 구성 요소를 포함하고 있습니다: Binding Class, Binding Layout, Binding Expression입니다.

Binding Class

Binding Class는 데이터바인딩 라이브러리에 의해 자동으로 생성되는 클래스로, 레이아웃 파일에서 정의된 모든 바인딩 변수와 이벤트 처리기를 보유하고 있습니다. 이 클래스는 ViewDataBinding을 확장하며, 레이아웃 파일의 루트 요소에 따라 자동으로 생성됩니다.

MainActivityBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);

Binding Layout

Binding Layout은 일반적인 XML 레이아웃 파일과 유사하지만, 데이터바인딩 표현식을 포함할 수 있습니다. 또한 해당 레이아웃의 뷰 요소와 데이터 바인딩 클래스를 연결합니다. 이를 통해 레이아웃 파일에서 직접 데이터 모델의 속성을 참조할 수 있습니다.

<layout xmlns:android="http://schemas.android.com/apk/res/android">
   <data>
       <variable
           name="user"
           type="com.example.User" />
   </data>
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical">
       <TextView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="@{user.name}" />
   </LinearLayout>
</layout>

Binding Expression

Binding Expression은 레이아웃 파일 내에서 사용되며, 데이터바인딩 클래스의 변수에 직접 접근 및 조작할 수 있는 표현식입니다. 이를 통해 레이아웃 파일에서 UI 요소의 텍스트, 이미지 등을 동적으로 조작할 수 있습니다.

<TextView
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="@{user.name}" />

데이터바인딩을 통해 UI와 데이터 모델을 효과적으로 결합함으로써 코드의 가독성과 유지보수성을 향상시킬 수 있습니다. 따라서 데이터바인딩의 주요 구성 요소인 Binding Class, Binding Layout, Binding Expression을 잘 활용하여 안드로이드 앱 개발을 진행하시기 바랍니다.

이상으로 코틀린에서 데이터바인딩의 주요 구성 요소에 대해 알아보았습니다. 감사합니다!

Binding Class

Binding Layout

Binding Expression

참고 자료