The Guide to Predictive Back @maxfie1d Android Engineer, Recruit 1

Speaker いしだ なおと 石田 直人 (@maxfie1d) Android Engineer, Recruit 2

Agenda | 01 02 03 04 Android の「戻る」の歴史 Android 13 における Predictive Back Android 14 における Predictive Back デモ 3

Android の「戻る」の歴史 01 4

戻るボタン (ハードウェア) 戻るボタン (ソフトウェア) 戻るジェスチャ Predictive Back New! 5 from Android 1.0 from Android 4.0 from Android 10 from Android 13+

Predictive Back ユーザーは「戻る」ジェスチャーによる移動先やそ の他の結果を完了前にプレビューできるため、現 在のビューで操作を続行するかそのまま留まる かを決定できるようになります。 6

Android 13 における Predictive Back 02 7

Android 13 の Predictive Back ● Activity から Home 画面のみ ● カスタマイズは不可 8

Android 14 における Predictive Back 03 9

Android 14 の Predictive Back ● 対応範囲: ○ Activity から Home 画面 ○ Activity から Activity New! ○ アプリ内 New! ● カスタマイズ可能 New! ● その他: Material 3, Fragment が対応予定 10

https://m3.material.io/ Bottom sheets Search Slide sheets 11

デモ 04 12 ⚠ 2023/6/7 リリースの activity:1.8.0-alpha05 で作成しています。 API は将来的に変更になる可能性があります。

1. AndroidManifest に android:enableOnBackInvokedCallback=”true” を 追加する https://developer.android.com/guide/navigation/predictive-back-gesture?hl=ja 13

2. OnBackPressedCallback に追加された handleOnBackProgressed を 実装する https://developer.android.com/about/versions/14/features/predictive-back 14

15 https://github.com/maxfie1d/predictive-back-sample

Resources ● https://www.youtube.com/watch?v=Elpqr5xpLxQ ● https://developer.android.com/guide/navigation/predictive-back-gesture?hl=ja ● https://developer.android.com/about/versions/14/features/predictive-back ● https://developer.android.com/design/ui/mobile/guides/patterns/predictive-back ● https://developer.android.com/jetpack/androidx/releases/fragment#1.7.0-alpha01 ● https://developer.android.com/jetpack/androidx/releases/activity#1.8.0-alpha05 ● https://m3.material.io/ 16

Thank you! @maxfie1d Android Engineer, Recruit 17