[Android] Jetpack - Data binding

Data binding은 레이아웃의 UI 구성 요소를 앱의 데이터와 결합할 수 있는 라이브러리이다.

 

ViewModel 로부터 사용자 이름을 참조해 텍스트를 변경하고자 할때, 기존에는 직접 자바 코드를 작성해 텍스트를 변경했다.

tv.text = viewModel.getUserName()

 

Data binding을 사용하면 자바 코드를 작성하지 않고 레이아웃 파일에서 직접 데이터 바인딩 표현식을 사용해 텍스트를 변경 할 수 있다.

<TextView
	android:text="@{viewmodel.userName}" />

 

Data binding을 통해 보일러 플레이트 코드(boilerplate code)를 줄일 수 있다고 한다.

boilerplate code ?

비슷한 형태에서 최소한의 변경으로 여러 곳에서 재사용되는 코드를 뜻한다.

중복되어 많은 양의 코드를 증가시키고, 리팩토링시 번거로워진다.

 

Data binding 설정하기

app 모듈의 build.gradle 에 데이터 바인딩 활성화하기

android {
	...
	dataBinding {
		enabled = true
	}
}

구문 강조, 데이터 바인딩 표현식 오류 검출, XML 코드 자동 완성, 빠른 코드 참조 기능이 활성화된다.

 

Binding class 생성하기

xml 레이아웃 파일에서 최상위 레이아웃을 <layout> 태그로 감싸면 바인딩 클래스가 자동으로 생성된다.

• 데이터 바인딩 클래스를 통해 레이아웃의 변수와 뷰를 참조할 수 있다.
• 이때 생성되는 클래스는 ViewDataBinding 을 상속받는 클래스다.

생성되는 바인딩 클래스 이름은 xml 레이아웃 파일명을 기반으로 생성된다.

• activity_main.xml 파일명인 경우 ActivityMainBinding 이름의 클래스가 생성된다.
• 레이아웃에 대한 표현은 ~Binding 클래스로 작성되지만, 실제 비즈니스 로직 구현시에는 ~BindingImpl 을 참조해야 한다.

바인딩 클래스 이름을 변경하고 싶다면, xml 레이아웃 파일의 <data> 태그 내에 class 속성을 작성하면 된다.

 

해당 경우에는 databinding 패키지에 클래스가 생성된다.

<data class="ContactItem"> 
	... 
</data>

현재 모듈 내의 패키지에 생성하고싶다면 클래스명앞에 . 을 추가한다.

<data class=".ContactItem"> 
	... 
</data>

패키지 명을 다시 지정하고 싶다면, 패키지명 전체와 클래스명을 작성한다.

<data class="com.example.ContactItem"> 
	... 
</data>

 

Activity 에서 View binding 하기.

DataBindingUtil 클래스를 활용하면 액티비티의 setContentView 를 대체할 수 있다.

class MainActivity: AppCompatActivity() {

	lateinit var binding : ActivityMainBinding

	override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    binding = DataBindingUtil.setContentView(this, R.layout.activity_main)
	}
}

 

Activity 외에 Fragment, Adapter, CustomView, 바인딩 클래스를 미리 알 수 없는 경우에 대해 정리되어있는 사이트이다.

• Databinding 사용 시, 경우에 따라 View 바인딩 하는 방법