Kotlinのデータバインディングで構築するアーキテクチャ

先生と生徒の会話形式で理解しよう

生徒

「Kotlinで画面とデータを自動でつなげる方法ってありますか？」

先生

「はい、それにはデータバインディングという仕組みを使うと便利です。データとレイアウトを結びつけて、コードをスッキリさせられますよ。」

生徒

「それって難しい設定が必要なんですか？」

先生

「初めてでも大丈夫です。ゆっくりと基本から解説していきますね。」

1. データバインディングとは？

データバインディングとは、画面に表示するXMLファイルと、Kotlinで書かれたデータ（変数や関数）を直接つなぐ技術です。

これにより、ボタンやテキストに表示する内容を、Kotlinコードから自動的に変更・更新できます。

手作業でfindViewByIdを使ってつなげる必要がなくなり、コードがスッキリします。

2. データバインディングを使うための準備

まず、Kotlinでデータバインディングを使うには、build.gradleファイルに以下の設定を追加します。


android {
    ...
    buildFeatures {
        dataBinding = true
    }
}

この設定を入れることで、XMLレイアウト内でdataタグなどが使えるようになります。

3. レイアウトXMLにデータバインディングを設定

次に、レイアウトファイル（activity_main.xmlなど）をデータバインディング対応にします。

ルートタグを<layout>に変更し、内部に<data>ブロックと<variable>を追加します。


<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="viewModel"
            type="com.example.SampleViewModel" />
    </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="@{viewModel.message}" />

    </LinearLayout>
</layout>

Kotlinを基礎からしっかり学びたい人や、 Java経験を活かしてモダンな言語にステップアップしたい人には、定番の入門書がこちらです。

基礎からわかるKotlinをAmazonで見る

※ Amazon広告リンク

4. ViewModelの作成

表示するデータを保持するViewModelを作成します。LiveDataを使って、データの変化を監視します。


class SampleViewModel : ViewModel() {
    val message: LiveData<String> = MutableLiveData("こんにちは、バインディング！")
}

5. Activityでバインディングを設定する

Activityでは、レイアウトファイルとViewModelを関連づける必要があります。


class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val binding: ActivityMainBinding =
            DataBindingUtil.setContentView(this, R.layout.activity_main)

        val viewModel = ViewModelProvider(this)[SampleViewModel::class.java]
        binding.viewModel = viewModel
        binding.lifecycleOwner = this
    }
}

これで、ViewModelにあるmessageの内容が、TextViewに自動で表示されるようになります。