さまざまな画面サイズに適応する

このパスウェイでは、アプリをさまざまな画面サイズに適応させてユーザー エクスペリエンスを向上させる方法と、アダプティブ UI をテストする方法について学習します。

 

アダプティブ レイアウト

動画 省略可

パスウェイ 3 へようこそ!これまでに、複数の画面を持つアプリを作成する方法を学習しました。このパスウェイでは、各画面をさまざまな画面サイズに適応させる方法について学習します。

Reply アプリの概要

動画 省略可

このパスウェイでは、Reply アプリを作成します。さまざまなレイアウトがさまざまなサイズの画面でどのように動作するのかを示すアプリです。

ダイナミック ナビゲーションを使用してアダプティブ アプリを作成する

コードラボ

アダプティブ ナビゲーション UI パターンを使用して、アプリを大画面で適切に動作させる方法について学習します。

アダプティブ レイアウトでアプリを作成する

コードラボ

正規レイアウト パターンを実装してアプリを大画面に適応させる方法について学習します。

演習: スポーツアプリを作成する

コードラボ

リスト詳細レイアウトの実装によりさまざまなタイプのデバイスで優れたユーザー エクスペリエンスを提供する方法と、そのテスト方法を学びます。

プロジェクト: My City アプリを作成する

コードラボ

お住まいの地域のおすすめの場所を表示するアプリを作成します。

次のステップ

動画 省略可

以上で、ユニット 4 は完了です。このユニットでは、アクティビティのライフサイクル、アプリ アーキテクチャ、Navigation コンポーネント、アダプティブ レイアウトなどの重要なトピックについて学びました。ここで学んだ内容をもとに、さまざまなデバイスや画面サイズで優れたユーザー エクスペリエンスを提供できる、堅牢かつテストが容易なアプリを構築できます。

クイズ

知識をテストして、「アダプティブ レイアウト」バッジを獲得しましょう。