Android デベロッパーは Google Play ストアから Chromebook にアプリを配布できます。以下では、ChromeOS 向けに Android アプリを最適化または作成する方法について説明します。
ChromeOS デバイス上のアプリ、構築可能な最適化されたエクスペリエンス、ChromeOS デバイスでのネイティブな開発とテスト機能の詳細については、chromeos.dev をご覧ください。
ドキュメント
- ChromeOS 向けアプリの作成を開始する
- ChromeOS 向けにアプリを最適化する
- 開発環境の準備
- Chromebook 向けアプリ マニフェストの互換性
- Chromebook でアプリを読み込む
- ChromeOS デバイスでのアプリのサポート
- Chromebook でのアプリのレンダリングの違い
- ウィンドウ管理
- 大画面での入力の互換性
- アニメーション ジャンクのデバッグ
- ChromeOS での Android アプリのテストケース
例
テキストの一部にスタイルを設定する
テキストの一部にスタイルを適用すると、読みやすさを高め、ユーザー エクスペリエンスを向上させ、色やフォントを使って創造性を高めることができます。
ユーザーが入力するときに入力を検証する
ユーザーがテキスト フィールドに入力する際に、入力内容を検証できます(名前、メールアドレス、住所などの連絡先情報の入力など)。この検証により、エラーが減り、ユーザーの時間を節約できます。
1 つのテキスト文字列に複数のリンクをサポート
1 つのテキスト文字列に複数のリンクをサポートして、ユーザーに選択肢を提供し、エンゲージメントを高めることができます。
画像を読み込んで表示する
コンテンツやユーザー アクションへのレスポンスとしてアプリに画像を表示するには、ディスクまたはインターネット上の外部ソースから画像を読み込みます。
コンテナとしてカードを作成する
カードは、UI のマテリアル デザイン コンテナを提供します。
トップ アプリバーを表示する
TopAppBar コンポーザブルを使用して、ユーザーがアプリ内の機能に移動してアクセスできるようにトップ アプリバーを作成します。
Compose のアニメーション
Compose アニメーション API を使用して、状態値をアニメーション化する方法、遷移を使用する方法、可視性やサイズの変更をアニメーション化する方法、クロスフェードをアニメーション化する方法について学びます。
ユーザーの切り替えに基づいてパスワードを表示または非表示にする
ユーザーの切り替えに基づいてパスワードを非表示または表示するアイコンを作成することで、セキュリティを強化し、ユーザー エクスペリエンスを向上させることができます。
アニメーション画像を表示する
ドローアブル ファイルを読み込んでアニメーション画像を表示することで、アプリでよりインタラクティブで魅力的なユーザー エクスペリエンスを実現できます。アニメーション画像は、読み込みインジケーター、成功またはエラーのインジケーター、ゲーム開発の促進、その他のさまざまな UI 機能の作成に役立ちます。
取り外し可能なキーボードの構成変更を管理する
取り外し可能なキーボードの構成変更を管理する方法について学習する。
アプリバーを表示する
アプリバーは、画面の上部または下部にあるコンテナで、主な機能とナビゲーション アイテムが含まれています。
進行状況インジケーターを作成する
進行状況インジケータには、オペレーションのステータスが表示されます。
スマートフォンではアプリの向きを制限するが、大画面デバイスでは制限しない
小画面ではアプリの向きを制限するが、大画面では制限しない。
ページング リストを表示する
1 つの画面に収まらない大きさのコンテンツにユーザーがスクロールしてアクセスできるように、ページング リストを作成します。水平方向のページング リストは、画像、スライドショー、商品カルーセルなどのコンテンツをユーザーが移動する際に役立ちます。縦方向のページング リストは、記事など、ユーザーが多数のアイテムをスクロールする必要があるコンテンツが多いアプリに適しています。
形状にクリップされた画像を表示する
画像の切り抜き領域の周囲にシャドウを描画して、クリップの形で画像を表示できます。
Compose でのテスト
最初の Jetpack Compose テストを作成します。Compose のテスト アーティファクトを使用して UI テストを作成し、テストルール、ファインダー、アサーションを使用できるようにします。
インタラクティブなコンポーネントを表示する
UI に適したコンポーネントを選択し、アプリに実装する方法を学びます。
複雑なエンティティを表すチップを作成する
チップ コンポーネントは、複雑なエンティティを視覚的に表します。多くの場合、アイコンとラベルが使用されます。
ボタンを作成する
ボタンは特定のアクションをトリガーします。
ユーザーが切り替えられるスイッチを追加する
切り替えスイッチを使用すると、ユーザーが 2 つの状態のいずれかを選択できます。
フローティング アクション ボタン(FAB)を作成する
フローティング アクション ボタンを使用すると、ユーザーはアプリでメイン アクションを実行できます。
ポップアップ メッセージやユーザー入力のリクエストを表示する
ダイアログは、ポップアップ メッセージを表示したり、メインのアプリ コンテンツの上のレイヤでユーザー入力をリクエストしたりします。
WebView の状態を管理する
構成の変更をまたいで WebView の状態を管理する。
タッチペンの手のひらによるタップを拒否する
タッチペンで手のひらを誤ってタップした場合に拒否する。
大きな画面向けに最適化する
タブレット、折りたたみ式デバイス、ChromeOS デバイスで最適化されたユーザー エクスペリエンスをサポートするようにアプリを有効にします。
ナビゲーション ドロワー コンポーネントを使用してスライドイン メニューを作成する
ナビゲーション ドロワーは、スライドインするナビゲーション メニューです。
Compose の高度なレイアウト
レイアウト フェーズと制約、サブコンポーズ レイアウト、固有の測定に重点を置いて、Compose レイアウトの複雑なデザインを作成する方法を確認します。
UI をまとめるスキャフォールド コンポーネントを作成する
スキャフォールドは、アプリバーやフローティング アクション ボタンなど、UI のさまざまな部分をまとめ、アプリに統一感のある外観と操作性をもたらします。
ボトムシートを作成する
ボトムシートは、画面の下部にセカンダリ コンテンツを表示します。
スクロール可能なグリッドを作成する
遅延読み込みグリッドを使用すると、大規模なデータセットと動的コンテンツを管理し、アプリのパフォーマンスを向上させることができます。Lazy グリッド コンポーザブルを使用すると、複数の列または行にまたがって、スクロール可能なコンテナにアイテムを表示できます。