📦 Databinding을 쓰면서 - 1

Databinding이란!(데이터 묶기?)

→ 안드로이드에서의 data binding 이란, Android Archictecture Components 의 한 부분으로서

Ui 요소와 데이터를 프로그램적 방식으로 연결하지 않고, 선언적 형식으로 결합할 수 있게 도와주는 라이브러리를 말한다.

 

쉽게 설명하면 MVVM패턴을 사용하면서 Activity나 Fragment에서 뷰 관련된 코드들을 사용하지 않고 xml 코드에 집어 넣는 것을 말합니다. 이것들을 ViewModel에서 관리하게 됩니다.

 

더 더 더 피부에 와닿게 말하자면 Activity나 Fragment에서 많은 코드들을 적지 않게 함으로써 뷰를 관리하고 변환시키는 코드는 ViewModel에서 관리해서 Activity & Fragment 들의 코드는 더욱 간단하게 만들며 분리를 제대로 시켜줄 수 있습니다.

 

😵 굳이 왜 분리를 해야되나요?

→ 라고 말할 수 있는데 지금 간단한 앱을 만들면 상관없지만 나중에 기능이 많아지고 처리해야할 데이터들이 많아지면 관련된 코드를 찾는데 소모되는 시간이 많기 때문에 일의 효율을 늘리고 유지 & 보수를 더욱 편리하게 하기 위함입니다.

 

🤔 간단한 예를 들어 설명을 해보겠습니다!

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
​
    <TextView
        android:id="@+id/sample_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
​
</androidx.constraintlayout.widget.ConstraintLayout>

 

보통 TextView의 텍스트를 바꾸기 위해선 아래와 같은 방법을 썼을 것이죠.

// java
TextView textView = findViewById(R.id.sample_text);
textView.setText("제이콥");
​
// kotlin
sample_text.setText("올라프");

하지만 data binding을 쓴다면

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

이와 같이 설정하면 xml에서 직접 변경 시킬 수 있습니다.

물론 그냥 저렇게 쓰면 에러가 나서 필요한 부분이 있습니다.

위에 있던 xml 코드를 아래와 같이 변경 해주고 ViewModel을 호출해야하죠

 

아래를 보시죠

//////////////////////////////////////////////////////////////////////////
// xml 코드에서 Alert + Enter를 누르면                                      ///
// convert to data binding layout이 나오는데, 누르면 자동으로 layout으로 묶인다. ///
//////////////////////////////////////////////////////////////////////////
<?xml version="1.0" encoding="utf-8"?>
<layout 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">
​
    <data>
        <variable
            name="viewmodel"
            type="com.example.project.ExampleViewModel" />
    </data>
​
    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".view.workCondition.WorkConditionCarFragment">
​
        <TextView 
            android:text="@{viewmodel.userName}" />
// 레이아웃 내의 표현식은 "@{}" 구문을 사용하여 속성(attribute properties) 에서 작성된다.
    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

 

이것만이 끝이 아닙니다.😵(왜 더 귀찮아지는 기분이 드는 건 왜일까?….)

해당 xml을 사용하는 Activity나 Fragment에서 binding을 호출하고 ViewModel을 주입해줘야합니다.

class ExampleFragment : Fragment() {
    private lateinit var binding: FragmentExampleBinding
    // 의존성을 주입한 viewmodel입니다. -> koin
    private val viewModel: WorkConditionViewModel by viewModel()
​
    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        binding = FragmentExampleBinding.inflate(inflater,container,false).apply {
            lifecycleOwner = this@ExampleFragment // 생명주기를 이 Fragment와 일치시키겠다.
            executePendingBindings()
        }
        return binding.root
    }
​
    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        binding.run {
            this.viewModel = viewModel
        }
    }
}
​
// ExampleViewModel.kt
class ExampleViewModel: ViewModel() {
    ...
    val userName = MutableLiveData("제이콥")
    
    ...
}

 

Data Binding을 프로젝트에 도입하면서 느꼈던 점은

장점

• Activity와 Fragment에서 사용하는 코드의 줄이 90프로가 사라졌다.
• 분리가 잘 되어있어 유지 보수가 용이하다.
• 데이터를 유지해야하는 부분에서 다시 재설정해주는 코드를 삽입하지 않아도 된다.

등등 많은 장점들이 있습니다.

단점 또한 있겠지용?

단점

• ViewPager나 RecyclerView에서 사용하는 코드들도 xml 안으로 넣어야하는데 따로 설정을 해줘야하는 부분들이 많기에 Binding Adapter라는 기술도 사용해야한다.
• 가볍게 if 문을 사용하고 싶은데 삼항 연산자를 사용해야한다.
• 개발 속도가 기존보다 조금 더 걸린다(아직 익숙하지 않기 때문에,,, 다음엔 바뀔지도?)

등등 있지만 계속 개발을 해보면서 장점이 더 많은 것으로 느껴지고 있다.

 

나중엔 Compose를 도입하면 이 기능도 많이 사용이 되지 않겠지만 아직까지 Compose를 제대로 적용하기 전까지는 이 기능을 많이 사용할 것 같다. (이번년도 안에는 Compose 개발 블로그를 쓸 예정 🤓)

 

다음 편은 사용하면서 겪었던 에러❎나 RecyclerView 📝, ViewPager, Image🌠 관련해서 어떻게 작업할 수 있는지 적어보도록 하겠습니다.