テキストの一部にスタイルを適用すると、読みやすさを高め、ユーザー エクスペリエンスを向上させ、色やフォントを使って創造性を高めることができます。

ユーザーがテキスト フィールドに入力する際に、入力内容を検証できます（名前、メールアドレス、住所などの連絡先情報の入力など）。この検証により、エラーが減り、ユーザーの時間を節約できます。

1 つのテキスト文字列に複数のリンクをサポートして、ユーザーに選択肢を提供し、エンゲージメントを高めることができます。

コンテンツやユーザー アクションへのレスポンスとしてアプリに画像を表示するには、ディスクまたはインターネット上の外部ソースから画像を読み込みます。

カードは、UI のマテリアル デザイン コンテナを提供します。

TopAppBar コンポーザブルを使用して、ユーザーがアプリ内の機能に移動してアクセスできるようにトップ アプリバーを作成します。

Compose アニメーション API を使用して、状態値をアニメーション化する方法、遷移を使用する方法、可視性やサイズの変更をアニメーション化する方法、クロスフェードをアニメーション化する方法について学びます。

ユーザーの切り替えに基づいてパスワードを非表示または表示するアイコンを作成することで、セキュリティを強化し、ユーザー エクスペリエンスを向上させることができます。

ドローアブル ファイルを読み込んでアニメーション画像を表示することで、アプリでよりインタラクティブで魅力的なユーザー エクスペリエンスを実現できます。アニメーション画像は、読み込みインジケーター、成功またはエラーのインジケーター、ゲーム開発の促進、その他のさまざまな UI 機能の作成に役立ちます。

取り外し可能なキーボードの構成変更を管理する方法について学習する。

アプリバーは、画面の上部または下部にあるコンテナで、主な機能とナビゲーション アイテムが含まれています。

進行状況インジケータには、オペレーションのステータスが表示されます。

小画面ではアプリの向きを制限するが、大画面では制限しない。

1 つの画面に収まらない大きさのコンテンツにユーザーがスクロールしてアクセスできるように、ページング リストを作成します。水平方向のページング リストは、画像、スライドショー、商品カルーセルなどのコンテンツをユーザーが移動する際に役立ちます。縦方向のページング リストは、記事など、ユーザーが多数のアイテムをスクロールする必要があるコンテンツが多いアプリに適しています。

画像の切り抜き領域の周囲にシャドウを描画して、クリップの形で画像を表示できます。

最初の Jetpack Compose テストを作成します。Compose のテスト アーティファクトを使用して UI テストを作成し、テストルール、ファインダー、アサーションを使用できるようにします。

UI に適したコンポーネントを選択し、アプリに実装する方法を学びます。

チップ コンポーネントは、複雑なエンティティを視覚的に表します。多くの場合、アイコンとラベルが使用されます。

ボタンは特定のアクションをトリガーします。

切り替えスイッチを使用すると、ユーザーが 2 つの状態のいずれかを選択できます。

フローティング アクション ボタンを使用すると、ユーザーはアプリでメイン アクションを実行できます。

ダイアログは、ポップアップ メッセージを表示したり、メインのアプリ コンテンツの上のレイヤでユーザー入力をリクエストしたりします。

構成の変更をまたいで WebView の状態を管理する。

タッチペンで手のひらを誤ってタップした場合に拒否する。

タブレット、折りたたみ式デバイス、ChromeOS デバイスで最適化されたユーザー エクスペリエンスをサポートするようにアプリを有効にします。

ナビゲーション ドロワーは、スライドインするナビゲーション メニューです。

レイアウト フェーズと制約、サブコンポーズ レイアウト、固有の測定に重点を置いて、Compose レイアウトの複雑なデザインを作成する方法を確認します。

スキャフォールドは、アプリバーやフローティング アクション ボタンなど、UI のさまざまな部分をまとめ、アプリに統一感のある外観と操作性をもたらします。

ボトムシートは、画面の下部にセカンダリ コンテンツを表示します。

遅延読み込みグリッドを使用すると、大規模なデータセットと動的コンテンツを管理し、アプリのパフォーマンスを向上させることができます。Lazy グリッド コンポーザブルを使用すると、複数の列または行にまたがって、スクロール可能なコンテナにアイテムを表示できます。