はじめに
データ バインディングを使うと、データとユーザー インターフェイス (UI) コントロール間のリレーションシップを宣言できます。 いずれかの要素が変更されたとき、自動的にそれらの同期が維持されます。 データ バインディングによって、コードの読み取りを高速化し、保守を容易にし、テスト容易性を向上させることができます。
データ バインディングにより、UI の分離コード内で UI とコードを関連付ける代わりに、UI をデータに直接結合する方法が提供されます。 UI がデータにバインドされると、データが変更されたときに UI が自動的に更新され、データとの同期が維持されます。 逆に、ユーザーが UI を操作すると、データが UI と同期されます。
シナリオ例
選択した地域すなわち住所の気象情報をユーザーに表示するアプリを開発しているとします。 ユーザーが場所を入力すると、アプリが外部の気象サービスから天気予報データを読み込み、UI を更新します。 UI と気象サービスのデータは、XAML UI と XAML 分離コード ファイルを介して密に結合されます。 気象サービスは既に独自のクラスに抽象化されていますが、UI はそのデータを UI に表示するために主に分離コードに依存しています。
アプリのリリース後しばらくして、使用している気象サービスが終了することを発表しました。 これに備えて、代わりのサービスを探し始めます。 評価したサービスのすべてで、データの入力および出力の方法が異なることがわかりました。 UI は分離コード イベントを使用してサービスとやりとりするため、この変更によって UI エクスペリエンスが影響を受ける可能性があります。
UI が天気の更新を同期する方法を分離コード イベントからデータ バインディングに変更することが役立ちます。 こうすると、サービスの変更が再び発生した場合に、コードへの影響を最小限に抑えることができます。
作業内容
このモジュールでは、コード ベースの UI とデータ バインド UI の違いを示し、分離コードではなくデータ バインディングを使用して UI を更新する方法について説明します。 サンプルの天気アプリを使用して、UI の更新を分離コードからデータ バインディングに変換します。
学習内容
このモジュールを終了すると、データ バインディングを使用して UI にデータを表示し、UI の型とデータ型が一致しない場合にデータを変換できるようになります。