Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Guide to Predictive Back

The Guide to Predictive Back

2023/06/21 に、YUMEMI.grow Mobile #4 WWDC23, Google I/O 2023 報告会で発表した、石田の資料です。

Recruit
PRO

June 29, 2023
Tweet

More Decks by Recruit

Other Decks in Business

Transcript

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

    View Slide

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

    View Slide

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

    View Slide

  4. Android の「戻る」の歴史
    01
    4

    View Slide

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

    View Slide

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

    View Slide

  7. Android 13 における Predictive Back
    02
    7

    View Slide

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

    View Slide

  9. Android 14 における Predictive Back
    03
    9

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  16. 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

    View Slide

  17. Thank you!
    @maxfie1d
    Android Engineer, Recruit
    17

    View Slide