SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

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

データ更新に応じてUI変更を自動実行しよう ―データを非同期でUIに反映できる「LiveData」とは?

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

  • X ポスト
  • このエントリーをはてなブックマークに追加

 CodeZineの連載「Android Studio2で始めるアプリ開発入門」が終了してから約1年後、Android Jetpackがリリースされ、一歩進んだAndroidアプリ開発が可能になりました。しかし、連載をもとに内容をアップデートした『Androidアプリ開発の教科書』では、入門書という位置付けのため、Jetpackの内容までは踏み込んでいません。本連載は、「Android Studio2で始めるアプリ開発入門」連載、および『Androidアプリ開発の教科書』の続編にあたる内容として、Jetpackを取り上げていきます。前回は、RoomとViewModelを組み合わせる方法とともに、リポジトリを紹介しました。今回は、データの更新を非同期でUIに反映できるLiveDataを紹介します。

  • X ポスト
  • このエントリーをはてなブックマークに追加

LiveDataとは

 今回のテーマはLiveDataです。まずは、そのLiveDataがどのようなものかを解説していきます。なお、今回のサンプルは、GitHubから参照できます。

LiveDataを使わないアプリの問題点

 今回も前回紹介したカクテルメモアプリを題材にします。そのカクテルメモアプリに、前回はViewModelとリポジトリを導入しました。もちろん、Roomも利用しています。その場合のアプリケーションのデータの流れに注目すると、例えば、カクテルリストをクリックしてデータベースからデータを取得し、そのデータを入力画面に表示させる必要があります。もちろん、データベース処理に関してはRoomが担当し、そのRoomを操作するのがリポジトリ、そのリポジトリを操作して画面表示に必要なデータをそろえるのがViewModelの役割と、役割分業を前回紹介しました。それでも、ViewModelがそろえたデータを実際の画面部品に反映させるのはアクティビティやフラグメントの役割となります(図1)。そのため、アクティビティに変更処理コードを記述する必要があります。

図1: データに応じたUIの変更処理はアクティビティにコードを記述
図1: データに応じたUIの変更処理はアクティビティにコードを記述

 入力されたカクテルデータに関して、データベースに保存する処理、すなわち、前回の図1の画面の[保存]ボタンをクリックした際の処理については、ViewModelが保持したデータを、リポジトリを経由してRoomによってデータベースに保存される流れです。しかし、その保存後、図2のように、選択されたカクテル名を「未選択」表示にしたり、入力欄のデータをクリアし、入力欄そのものが入力できないようにしたり、また、[保存]ボタンがタップ不可にする処理が必要です。

図2: 保存処理が完了後の画面
図2: 保存処理が完了後の画面

 このように、最終的にデータに応じて画面部品の表示内容を変更する処理が、どうしてもアクティビティやフラグメントの役割になってしまい、そのためのコードを記述する必要が出てきます。

 さらに、それらのUIに必要なデータの用意が非同期で行われる場合、非同期に応じたUIの変更処理が発生し、よりコードが煩瑣になります。前回のリスト5のように、アクティビティでコルーチンスコープを用意しなければならないコードは、その典型です。

非同期でデータの変更をUIに反映できるLiveData

 このような問題を解決するために用意されたものがLiveDataです。LiveDataでは、内部に保持しているデータが変更されたことを自動検知し、そのタイミングであらかじめ登録されておいたUIの変更処理が自動実行されるようになっています。そのため、画面に必要なデータをLiveDataとして用意しておき、そのLiveDataにUIの変更処理を登録しておくだけで、UIの表示処理をその都度コードとして記述する必要がなくなります(図3)。しかも、これらのUI変更処理が非同期で自動実行されるため、データの変更そのものが非同期で行われることに対しても、問題なく対応できるようになっています。

図3: データの変更のたびにUI変更処理が自動実行されるLiveData
図3: データの変更のたびにUI変更処理が自動実行されるLiveData

LiveDataの準備

 概要はここまでにして、実際にコードを交えてLiveDataの使い方を紹介していきます。

LiveDataはMutableLiveDataが使いやすい

 先述のように、LiveDataを導入すると、UIに必要なデータはLiveDataとして用意することになります。となると、前回のリスト1やリスト2のように、MainViewModel内でバラバラに用意したcocktailId、cocktailName、cocktailNoteの3個のデータをひとまとめにしてLiveDataに埋め込み、MainViewModel内でのデータ保持は、LiveDataオブジェクトとします。これは、Javaではリスト1、Kotlinではリスト2のようなコードとなります。

リスト1:MainViewModelのLiveDataフィールド(Java版)
public class MainViewModel extends AndroidViewModel {
  private MutableLiveData<Cocktailmemo> _cocktailmemoLiveData = new MutableLiveData<>();
    :
  //_cocktailmemoLiveDataフィールドのゲッタ。
  public LiveData<Cocktailmemo> getCocktailmemoLiveData() {
    return _cocktailmemoLiveData;
  }
}
リスト2:MainViewModelのLiveDataプロパティ(Kotlin版)
class MainViewModel(application: Application) : AndroidViewModel(application) {
  val cocktailmemoLiveData = MutableLiveData<Cocktailmemo>()
    :
}

 それぞれのコードを見てもわかるように、LiveDataというクラスではなく、MutableLiveDataクラスを利用しています。これは、LiveDataクラスは抽象クラスであり、直接そのインスタンスは利用できません。そこで、そのLiveDataの子クラスであるMutableLiveDataを利用します。

LiveDataの内部保持データはジェネリクスで指定

 次に、そのMutableLiveDataのジェネリクスに注目してください。先述のように、LiveDataには、UIに必要なデータを内部に保持します。そして、その内部で保持するデータがどのようなものかを、ジェネリクスとして型指定する必要があります。

 今回のカクテルメモアプリでは、前回のリスト1やリスト2からわかるように、cocktailId、cocktailName、cocktailNoteの3個のデータです。これら3個のデータをまとめたものは、すなわち、Cocktailmemoエンティティそのものです。そこで、リスト1やリスト2では、MutableLiveDataのジェネリクスにCocktailmemoを型指定として記述しているのです。

会員登録無料すると、続きをお読みいただけます

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

次のページ
UI更新処理はオブザーバを利用

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
一歩進んだAndroidアプリ開発ができる「Android Jetpack」入門連載記事一覧

もっと読む

この記事の著者

WINGSプロジェクト 齊藤 新三(サイトウ シンゾウ)

WINGSプロジェクトについて>有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書記事多数。 RSS X: @WingsPro_info(公式)、@WingsPro_info/wings(メンバーリスト) Facebook <個人紹介>WINGSプロジェクト所属のテクニカルライター。Web系製作会社のシステム部門、SI会社を経てフリーランスとして独立。屋号はSarva(サルヴァ)。HAL大阪の非常勤講師を兼務。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

山田 祥寛(ヤマダ ヨシヒロ)

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ(Java・C#・Python・PHP・Ruby・JSP&サーブレットなど)」「速習シリーズ(ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど)」「改訂3版JavaScript本格入門」「これからはじめるReact実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/18090 2023/08/08 11:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング