3つのAndroidの最新機能を使って、高品質なアプリを設計する

Platform features
Androidプラットフォームの3つの最新機能 (0:42)

高級感のあるレイアウトと没入感を実現する Edge to Edge

予測可能で、情報量の多い、より快適なバックジェスチャー

アクセシビリティに配慮したモダンなカラーシステムの設計

1. Premium layout with edge to edge

ナビゲーションバーを透明にすることが、Androidユーザーからの重要なフィードバックだった
Android 13だけでなく、11と12でも同じ要望があったため、Android 11以降はステータスバーとナビゲーションバーの背後に描画範囲を広げることを推奨している

透明なナビゲーションバーを望むユーザーの声 (1:28)

システムUIとの重なりを避けるには、プラットフォームが提供する WindowInsets を使用するか、Android XのWindowInsetsCompat を使用する

Edge to edgeでレイアウトを構築する (1:43)

Google Slides
- スクロールするとコンテンツはステータスバーとナビゲーションバーの下に描画されている
- FAB（floating action button）はスクロールしても固定されたままになっている
Gmail
- ボトムナビゲーションバーの下に描画されていない
- ボトムナビゲーションバーの色との調和が取れている

Google スライドとGmailでの対応例 (2:10)

Activity で WindowCompat.setDecorFitsSystemWindows を呼び出し、ウィンドウの互換性を false とする
- true の場合は、システムウィンドウ内に収まるように制御される
- false の場合は、システムウィンドウの背後にも描画するように制御する

edge to edge の実装方法 (2:43)

Jetpack Compose および Material 3 で更新された scaffold を使用すれば、スクロール中に FAB を固定し続けることができる
- また、inset の padding は自動的に処理されるため Modifer を使ってさらにカスタマイズすることがなければコードの追記は必要ない
View ベースのコンテンツについては、システムバーとナビゲーションバーに対して windowinsets.getinsets を呼び出して、任意の padding を追加する処理が必要になる
これらの変更によって、モバイルだけでなくフォルダブルやタブレットでもその恩恵を受けることができる

Material 3 の scaffold を使えば自動的に処理される (3:33)

モバイルだけでなく、フォルダブルやタブレットにも対応できた(4:05)

ジェスチャーナビゲーションは、高速で、自然で、人間工学に基づいたインタラクションモデル
戻るジェスチャーは最もよく使われる方法だが、誤ってアプリを終了してしまうケースも見受けられ、Google では、これを "falsing" と呼んでいる
ユーザーは、アプリをナビゲートするとき、ジェスチャーの行き先を示す視覚的な手がかりが欲しいと考えている
- 特に行き先がアプリの外であれば、なおさら手がかりが重要になる
"falsing" が何らかのメトリクスに影響を与えている可能性は十分にある

「ホーム画面の前の最後の画面にいることがわからない」というユーザーの声 (4:20)

Android 13では、アプリがよりエレガントで有益に感じられるように、また、すべてのアプリに一貫した感じを与えるために予測可能な「戻る」ジェスチャーをリリースした
ユーザーがスワイプして戻ろうすると、ホーム画面がチラッと見えて、アプリの外に戻ることを知らせる
この予測アニメーションをサポートするために、System back は Ahead-of-time モデルへ移行した
Android 13以降では、アプリ内で System back のイベントを処理する場合は事前にシステムに伝える必要がある
次の「戻る」ジェスチャがアプリ内バックスタックをポップするのか、ランチャーに戻るのかをシステムが事前に知っているため、アプリを終了してランチャーを表示するヒントをプレビューすることができる

予測可能な「戻る」ジェスチャーの仕組み (4:51)

Android 13 以降、AndroidManifest で enableOnBackInvokedCallback を true に設定することで、オプトインすることが可能
アプリ内で「戻る」処理をカスタムしていない場合、必要な作業はこれだけで良い
このフラグが設定されると KEYCODE_BACK と onBackPressed() などが機能しなくなる

オプトイン方法 (6:38)