画面へのデータ反映処理を自動化できるデータバインディング！ 監視オブジェクトやLiveDataの利用方法を紹介

一歩進んだAndroidアプリ開発ができる「Android Jetpack」入門 第8回

　本連載は、「Android Studio2で始めるアプリ開発入門」連載、および『Androidアプリ開発の教科書』の続編にあたる内容として、Jetpackを取り上げていきます。前回は、データバインディングでの式言語、エンティティの利用、リスナ登録を紹介しました。今回は、データバインディングを紹介する最後として、監視オブジェクトの利用や双方向データバインディング、さらにLiveDataの利用方法を紹介します。

ViewModelを直接バインディング

　前回、イベント処理を記述したクラスをバインディングオブジェクトにセットすることで、データバインディングを利用する方法を紹介しました。実は、ViewModelを直接バインドすることもできます。今回は、ViewModelを直接バインドする方法から始めていきます。

　サンプルデータは、GitHubから参照できます。

縦の長さと横の長さを別々に生成するサンプル

　前回のサンプルでは、ボタンはひとつのみであり、そのボタンをタップすることで、縦の長さと横の長さの両方が同時に生成される仕組みとなっていました。今回のサンプルは、これを別々にし、図1の画面とします。

図1：縦の長さと横の長さを別々に生成させるアプリの画面

　それぞれのボタンをタップすることで、縦の長さ、横の長さがそれぞれ別々に生成されます。その場合、前回のように、それぞれのボタン用のイベント処理メソッドを、前回作成したMainHandlersのようなイベント処理クラスに定義し、そのメソッドをonClick属性に設定してもかまいません。

ボタンタップイベントにViewModelのメソッドを設定

　一方で、そのメソッドの処理内容というのは、結局はViewModel内のメソッドの実行となることが多々あります。そこで、ViewModelをバインディングオブジェクトに直接バインドし、そのメソッドを設定するようにします。

　例えば、縦の長さを再生成するメソッドとしてgenerateNewHeight()、同じく横の長さのgenerateNewWidth()がMainViewModelに定義されているとして、それらのメソッドをバインドするレイアウトxml上のコードは、リスト1のようになります。

リスト1：ViewModelを直接バインドしたレイアウトxmlのコード

<?xml version="1.0" encoding="utf-8"?>
<layout
  xmlns:android="http://schemas.android.com/apk/res/android"
  …>
  <data>
    <variable
       name="mainViewModel"
       type="com.….MainViewModel"/>  (1)
  </data>
  <androidx.constraintlayout.widget.ConstraintLayout
    …>
     :
    <TextView
      android:id="@+id/tvHeight"
      :
      android:text="@{mainViewModel.rectangle.heightStr}"/>  (2)
     :
    <Button
      android:id="@+id/btnGenerateHeight"
      :
      android:onClick="@{(view) -> mainViewModel.generateNewHeight()}"/>  (3)
    <Button
      android:id="@+id/btnGenerateWidth"
      :
      android:onClick="@{(view) -> mainViewModel.generateNewWidth()}"/>  (4)
  </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

　リスト1の（1）のように、variableタグのtype属性値として、単にMainViewModelを指定するだけです。変数名は、mainViewModelとしています。そして、このmainViewModelのメソッドを、onClickイベントとして設定しているのが、（3）と（4）です。

　前回のイベント処理メソッドの登録構文の通り、ラムダ式を利用します。（3）では縦の長さの再生成メソッドであるgenerateNewHeight()を、（4）では横の長さのgenerateNewWidth()を登録しています。これだけで、ViewModel内のメソッドを直接実行できるようになります。

　また、このMainViewModelのフィールドとしてRectangleオブジェクトを保持し、そのゲッタを用意しておくだけで、（2）のように、Rectangle内の各データには、.（ドット）を繋ぐだけでアクセスできるようになります。