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

• 動画

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

• 動画

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

• 動画

Compose では、RecyclerView よりも少ないコード行数で、よりシンプルでパフォーマンスの高いスクロール リストを作成できます。遅延レイアウトを使用して、コンテンツをオンデマンドでリストに追加できるリストを作成する方法について学びます。

• 動画

Jetsnack でのパフォーマンスの問題のデバッグと、Jetpack Compose での問題の解決方法について説明します。ラムダを使用して状態の読み取りを遅らせることで、コンポジションをスキップできる理由について学びます。

• 動画

キャンバスにテキストを描画するために特別に設計された Compose API の使用方法を確認する。このセグメントは、丸い長方形に絵文字フォント描画するコードを示しています。

• 動画

アプリにユーザー補助機能を追加する。少量の作業でアプリのリーチと汎用性を高める方法をご確認ください。

• 動画

Compose ベースのアプリで状態がどのように流れるか、フレームワークが UI を自動的に更新して新しい値を表示する仕組みについて学びます。オブザーバブルな状態を作成する方法、再コンポーズや構成変更をまたいで状態を保持する方法、最適なデータフローを実現するためにコンポーザブルを構造化する方法について学びます。

• 動画

Compose での作業に慣れたら、独自のカスタム コンポーネントの描画を始めましょう。この動画では、カスタム描画の開始方法について説明します。

• 動画

わずか数分でアプリの魅力を高める、5 つの簡単なアニメーションを学びましょう。アニメーションについてすべて学ぶ時間がない場合は、Compose アプリを際立たせましょう。

• 動画

インセットがシステム デコレーションの配置場所をアプリに通知する仕組みと、Compose API を使用してシステムバー、ソフトウェア キーボード、タスクバーとともにコンテンツを自動的に移動させる方法について学びます。狭額縁エクスペリエンスに変更することを恐れないでください。

• 動画

アイテムのリストを簡単に表示できる Compose の遅延コンポーネントについて学びます。さまざまなアイテム タイプを表示する方法や、固定ヘッダーを実装する方法について学びます。スクロール位置の変化をプログラムで制御または処理する方法を確認する。

• 動画

この一連の動画では、さまざまな Compose API を紹介し、利用可能な API とその使用方法を簡単に説明します。

• 動画

リストとグリッドを使用して、アイテムのコレクションを効率的に表示、配置します。

• 動画
• 手順

これらのクイックガイドを使用してホーム画面のスキャフォールドを作成すると、アプリのホーム画面に統一感のある外観を与えることができます。

• 手順
• 動画

ベクターやビットマップを使用して、または画面にキャンバスで直接描画して、画面上の画像を操作します。

• 動画
• 手順

テキストの表示方法をカスタマイズして、アプリの使いやすさと美観を高めましょう。

• 動画
• 手順