Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Index

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

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

Index

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

Article

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

Article

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

Article

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

Article

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

Article

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

Article

リスト内にネストされたスクロール アイテムを表示して、商品カタログ、メディア ギャラリー、ニュース フィードなどの複雑なレイアウトを表示できます。このようにコンテンツを表示すると、アプリの使いやすさが向上し、ユーザーが簡単に操作できるようになります。

Article

スクロール可能なリストは、データセットの管理、レスポンシブ デザインの作成、ナビゲーションの容易化に役立ちます。アプリに有限のアイテムセットを表示するには、`verticalScroll` 修飾子または `horizontalScroll` 修飾子を使用してスクロール可能なリストを作成します。

Article

範囲スライダーを使用すると、ユーザーは値の範囲から選択できます。

Article

ボトム アプリバーを作成して、ユーザーがアプリ内の機能に移動してアクセスできるようにします。

Article

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

Article

テキスト入力に基づいて文字列のリストをフィルタし、ユーザーの検索語句に基づいてリストを動的に更新できます。

Article

ソース画像をブレンドまたはオーバーレイして、キャンバスにレイヤ化された画像を表示できます。たとえば、Android フレームワークがアプリアイコンを生成する方法を再現するには、別々のバックグラウンド ドローアブルとフォアグラウンド ドローアブルを組み合わせます。

Article

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

Article

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

Article

ページ インジケーターを使用すると、アプリのコンテンツ内の現在の位置をユーザーにわかりやすく伝え、進行状況を視覚的に示せます。

Article

テキスト フィールド内の電話番号を自動的にフォーマットすると、時間を節約し、ユーザー エンゲージメント、生産性、効率を高めることができます。

Article

スナックバーは、画面の下部に簡単な通知を表示します。

Article

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

Article

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

Article

パララックス スクロールは、背景コンテンツと前景コンテンツを異なる速度でスクロールする手法です。この手法を実装すると、アプリの UI を強化し、ユーザーがスクロールする際によりダイナミックなエクスペリエンスを実現できます。

Article

Paging ライブラリを使用すると、データを段階的に読み込んで表示することで、アプリでアイテムの大量のリスト（無限リストを含む）をサポートできます。遅延読み込みを使用すると、初回読み込み時間を短縮し、メモリ使用量を最適化してパフォーマンスを向上させることができます。

Article

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

Article

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

Article

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

Article

ボタンを表示して、ユーザーがリスト内の特定の位置にスクロールをスナップできるようにすると、時間の節約とユーザー エンゲージメントの向上につながります。

Article

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

Index

ユーザーがテキストなどの入力を行えるようにすることで、アプリをインタラクティブにします。

Index

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

Article

構成変更時に RecyclerView の状態を維持する。

Article

複数のアイテムタイプを含むリストを使用すると、テキスト、画像、インタラクティブな要素など、さまざまなコンテンツ タイプを表示できます。

Index

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

Index

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

Index

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

Article

テキストの表示を文字単位でアニメーション化すると、ストリーミング入力効果のように見えます。

Index

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