Jetpack サンプル
Now in Android
ユーザーが入力するときに入力を検証する
ユーザーがテキスト フィールドに入力する際に、入力内容を検証できます(名前、メールアドレス、住所などの連絡先情報の入力など)。この検証により、エラーが減り、ユーザーの時間を節約できます。
- Kotlin
Compose のアニメーション
Compose アニメーション API を使用して、状態値をアニメーション化する方法、遷移を使用する方法、可視性やサイズの変更をアニメーション化する方法、クロスフェードをアニメーション化する方法について学びます。
ユーザーの切り替えに基づいてパスワードを表示または非表示にする
ユーザーの切り替えに基づいてパスワードを非表示または表示するアイコンを作成することで、セキュリティを強化し、ユーザー エクスペリエンスを向上させることができます。
- Kotlin
アニメーション画像を表示する
ドローアブル ファイルを読み込んでアニメーション画像を表示することで、アプリでよりインタラクティブで魅力的なユーザー エクスペリエンスを実現できます。アニメーション画像は、読み込みインジケーター、成功またはエラーのインジケーター、ゲーム開発の促進、その他のさまざまな UI 機能の作成に役立ちます。
- Kotlin
ページング リストを表示する
1 つの画面に収まらない大きさのコンテンツにユーザーがスクロールしてアクセスできるように、ページング リストを作成します。水平方向のページング リストは、画像、スライドショー、商品カルーセルなどのコンテンツをユーザーが移動する際に役立ちます。縦方向のページング リストは、記事など、ユーザーが多数のアイテムをスクロールする必要があるコンテンツが多いアプリに適しています。
Compose でのテスト
最初の Jetpack Compose テストを作成します。Compose のテスト アーティファクトを使用して UI テストを作成し、テストルール、ファインダー、アサーションを使用できるようにします。
UI をまとめるスキャフォールド コンポーネントを作成する
スキャフォールドは、アプリバーやフローティング アクション ボタンなど、UI のさまざまな部分をまとめ、アプリに統一感のある外観と操作性をもたらします。
スクロール可能なグリッドを作成する
遅延読み込みグリッドを使用すると、大規模なデータセットと動的コンテンツを管理し、アプリのパフォーマンスを向上させることができます。Lazy グリッド コンポーザブルを使用すると、複数の列または行にまたがって、スクロール可能なコンテナにアイテムを表示できます。
- Kotlin
ネストされたスクロール アイテムをリストに表示する
リスト内にネストされたスクロール アイテムを表示して、商品カタログ、メディア ギャラリー、ニュース フィードなどの複雑なレイアウトを表示できます。このようにコンテンツを表示すると、アプリの使いやすさが向上し、ユーザーが簡単に操作できるようになります。
- Kotlin
有限のスクロール可能なリストを作成する
スクロール可能なリストは、データセットの管理、レスポンシブ デザインの作成、ナビゲーションの容易化に役立ちます。アプリに有限のアイテムセットを表示するには、`verticalScroll` 修飾子または `horizontalScroll` 修飾子を使用してスクロール可能なリストを作成します。
- Kotlin
Compose の遅延リスト
Compose では、RecyclerView よりも少ないコード行数で、よりシンプルでパフォーマンスの高いスクロール リストを作成できます。遅延レイアウトを使用して、コンテンツをオンデマンドでリストに追加できるリストを作成する方法について学びます。
キャンバスにレイヤ化された画像を表示する
ソース画像をブレンドまたはオーバーレイして、キャンバスにレイヤ化された画像を表示できます。たとえば、Android フレームワークがアプリアイコンを生成する方法を再現するには、別々のバックグラウンド ドローアブルとフォアグラウンド ドローアブルを組み合わせます。
- Kotlin
Compose での再コンポーズのデバッグ
Jetsnack でのパフォーマンスの問題のデバッグと、Jetpack Compose での問題の解決方法について説明します。ラムダを使用して状態の読み取りを遅らせることで、コンポジションをスキップできる理由について学びます。
Compose でテキストを描画する
キャンバスにテキストを描画するために特別に設計された Compose API の使用方法を確認する。このセグメントは、丸い長方形に絵文字フォント描画するコードを示しています。
テキスト フィールド内の電話番号を自動的にフォーマットする
テキスト フィールド内の電話番号を自動的にフォーマットすると、時間を節約し、ユーザー エンゲージメント、生産性、効率を高めることができます。
- Kotlin
Compose の状態
Compose ベースのアプリで状態がどのように流れるか、フレームワークが UI を自動的に更新して新しい値を表示する仕組みについて学びます。オブザーバブルな状態を作成する方法、再コンポーズや構成変更をまたいで状態を保持する方法、最適なデータフローを実現するためにコンポーザブルを構造化する方法について学びます。
パララックス スクロール効果を作成する
パララックス スクロールは、背景コンテンツと前景コンテンツを異なる速度でスクロールする手法です。この手法を実装すると、アプリの UI を強化し、ユーザーがスクロールする際によりダイナミックなエクスペリエンスを実現できます。
- Kotlin
リストとページングを使用してデータを遅延読み込みする
Paging ライブラリを使用すると、データを段階的に読み込んで表示することで、アプリでアイテムの大量のリスト(無限リストを含む)をサポートできます。遅延読み込みを使用すると、初回読み込み時間を短縮し、メモリ使用量を最適化してパフォーマンスを向上させることができます。
- Kotlin
Compose の 5 つの簡単なアニメーション
わずか数分でアプリの魅力を高める、5 つの簡単なアニメーションを学びましょう。アニメーションについてすべて学ぶ時間がない場合は、Compose アプリを際立たせましょう。
Compose の枠線
インセットがシステム デコレーションの配置場所をアプリに通知する仕組みと、Compose API を使用してシステムバー、ソフトウェア キーボード、タスクバーとともにコンテンツを自動的に移動させる方法について学びます。狭額縁エクスペリエンスに変更することを恐れないでください。
スナップ スクロールを有効にするボタンを作成する
ボタンを表示して、ユーザーがリスト内の特定の位置にスクロールをスナップできるようにすると、時間の節約とユーザー エンゲージメントの向上につながります。
- Kotlin
Compose のリスト
アイテムのリストを簡単に表示できる Compose の遅延コンポーネントについて学びます。さまざまなアイテム タイプを表示する方法や、固定ヘッダーを実装する方法について学びます。スクロール位置の変化をプログラムで制御または処理する方法を確認する。