Android15のためのEdge-to-edge対応

note Mobile Tech Talk #1 で発表した資料になります。
https://pieceofcake.connpass.com/event/335723/

Edge-to-edgeの記事もあります。
https://note.com/chickenjr/n/nc13b62597e30

Transcript

1. Android15のための Edge-to-edge対応 2024/11/20 note Mobile Tech Talk #1 / トリ
2. ⾃⼰紹介 トリ 北海道からフルリモートしてます ⿃モチーフのものが好きです Androidエンジニア
3. ⽬次 1. Edge-to-edgeとは？ 2. Edge-to-edgeに対応していないとどうなる？ 3. 対応しなくてもいいパターン 4. 対応するパターン TIPS：Android15未満もEdge-to-edge対応したい⼈へ TIPS：対応する時間がない⼈へ
4. Android15 が 10⽉15⽇ にリリースされました！ https://blog.google/intl/ja-jp/products/android-chrome-play/android-15/
5. Android15をターゲットにした場合の変更点 • フォアグラウンド サービスの変更 • 安全なバックグラウンド アクティビティの起動 • より安全なインテント • ウィンドウ インセットの変更 参照：https://developer.android.com/about/versions/15/behavior-changes-15?hl=ja etc…
6. Android15をターゲットにした場合の変更点 • フォアグラウンド サービスの変更 • 安全なバックグラウンド アクティビティの起動 • より安全なインテント • ウィンドウ インセットの変更 参照：https://developer.android.com/about/versions/15/behavior-changes-15?hl=ja etc…
7. ウィンドウ インセットの変更 Android 15 のウィンドウ インセットに関連する変更点は 2 つあります。エッジ ツー エッジがデフォルトで適⽤さ れます。もう 1 つは、システムバーのデフォルト構成な どの構成の変更です。 https://developer.android.com/about/versions/15/behavior-changes-15?hl=ja#window-insets より
8. ウィンドウ インセットの変更 Android 15 のウィンドウ インセットに関連する変更点は 2 つあります。エッジ ツー エッジがデフォルトで適⽤さ れます。もう 1 つは、システムバーのデフォルト構成な どの構成の変更です。 https://developer.android.com/about/versions/15/behavior-changes-15?hl=ja#window-insets より ？
9. Edge-to-edge（エッジツーエッジ）とは？ アプリの画⾯をシステムバー （ステータスバー‧ナビゲーションバー‧字幕バー） まで拡張して表⽰する機能 画像：https://developer.android.com/develop/ui/compose/layouts/insets?hl=ja
10. Edge-to-edgeに対応していないとどうなる？ targetSdkVersion = 34
11. Edge-to-edgeに対応していないとどうなる？ targetSdkVersion = 35
12. Edge-to-edgeに対応していないとどうなる？ targetSdkVersion = 35
13. Edge-to-edgeに対応していないとどうなる？ targetSdkVersion = 35
14. Edge-to-edgeに対応していないとどうなる？ targetSdkVersion = 35
15. Edge-to-edgeに対応していないとどうなる？ targetSdkVersion = 35
16. Edge-to-edge対応しよう！
17. Q. 全画⾯で対応が必要？
18. A. 対応が不要なパターンもある
19. 対応しなくてもいいパターン / JetpackCompose Material3（androidx.compose.material3）を使⽤している TopAppBar statusBarsサポート BottomAppBar, NavigationBar navigationBarsサポート Scaffold systemBarsサポート ※PaddingValuesを⼦に渡す
20. 対応しなくてもいいパターン / AndroidView Material（com.google.android.material）を使⽤している • 公式ドキュメントによると、ほぼ対応しているらしい※ • AppBarLayoutやBottomSheetは対応必須（後述） ※ https://developer.android.com/about/versions/15/behavior-changes-15?hl=ja#not-edge-to-edge
21. Q. 対応するパターンは？
22. 対応するパターン / JetpackCompose Material2（androidx.compose.material）を使⽤している • ライブラリが1.6.0以降 → 引数でwindowInsetsを設定できる • Material3に移⾏がオススメ
23. 対応するパターン / JetpackCompose
24. 対応するパターン / JetpackCompose
25. 対応するパターン / JetpackCompose
26. 対応するパターン / JetpackCompose Material3でScaffoldやAppBarなどを使⽤していない • 任意のコンポーザブルのPaddingでWindowInsetsを設定する
27. 対応するパターン / JetpackCompose
28. 対応するパターン / JetpackCompose
29. 対応するパターン / JetpackCompose
30. 対応するパターン / AndroidView Materialコンポーネントを使⽤している • AppBarLayoutに android:fitsSystemWindows="true" を追加する
31. 対応するパターン / AndroidView
32. 対応するパターン / AndroidView
33. 対応するパターン / AndroidView Materialコンポーネントを使⽤していない or MaterialのBottomSheetやSideSheetなどを使⽤している • ViewCompat.setOnApplyWindowInsetsListener() を設定する
34. 対応するパターン / AndroidView
35. 対応するパターン / AndroidView
36. 対応するパターン / AndroidView
37. 対応するパターン / AndroidView
38. TIPS：Android15未満もEdge-to-edge対応したい⼈へ enableEdgeToEdge() を追加する
39. TIPS：対応する時間がない⼈へ Activityのthemeに windowOptOutEdgeToEdgeEnforcement=true を追加すれば、Android14以下と同じ挙動になる ※ 将来廃止される予定なので、一時的な回避策として使おう
40. ありがとうございました！ noteにEdge-to-edgeの記事あります
41. 参考 • https://developer.android.com/about/versions/15/behavior-changes-15? hl=ja#window-insets • https://developer.android.com/develop/ui/views/layout/edge-to-edge?hl =ja • https://developer.android.com/develop/ui/compose/layouts/insets?hl=ja • https://developer.android.com/reference/android/R.attr#windowOptOut EdgeToEdgeEnforcement