Predictive back transition Animation on Android 14

Android 14’s predictive back gesture

千北 一期 / chigichan24 / LINE株式会社 / メッセンジャープロダクトアプリ開発2チーム

※この資料は以下イベントで発表した内容です。
https://line.connpass.com/event/284045/

Transcript

1. 1SFEJDUJWF
   CBDL
   USBOTJUJPO
   "OJNBUJPO PO
   "OESPJE
    ,B[VLJ $IJHJUB
   -*/&
   $PSQPSBUJPO (PPHMF
   *0
   3FDBQ
   
2. 8IBU
   JT
   B
   QSFEJDUJWF
   CBDL )PX
   BEESFTT
   GPS
   UIF
   GFBUVSF 6QEBUF
   PO
   "OESPJE
   
   "1*
   MFWFM
    %&.0
   "OJNBUJPO *NQMFNFOUBUJPO
   FYBNQMF $PODMVTJPO       $POUFOUT
3. 8IBU
   JT
   B
   QSFEJDUJWF
   CBDL )PX
   BEESFTT
   GPS
   UIF
   GFBUVSF 6QEBUF
   PO
   "OESPJE
   
   "1*
   MFWFM
    %&.0
   "OJNBUJPO *NQMFNFOUBUJPO
   FYBNQMF $PODMVTJPO       $POUFOUT
4. *DFCSFBL )PX
   JT
   UIF
   QSPHSFTT
   PG
   SFQMBDJOH
   EFQSFDBUFE
   PO#BDL1SFTTFE
   BQJ VTBHF 0OHPJOH 6OEFS
   SFQMBDJOH
   UP
   OFX
   BQJ 6OEFS $POTJEFSBUJPO PO#BDLQSFTFE JT
   TUJMM
   VTFE 'JOJTIFE "MM
   VTBHF
   PG
   CBDL
   IBOEMJOH
   MPHJD
   JT
   SFQMBDFE
   UP
   OFX
   BQJ 👀 😀 😂
5. 1SFEJDUJWF
   CBDL
   SFRVJSFT SFQMBDJOH
   UP
   OFX
   "1*🐣
6. #BTJD
   JOUSPEVDUJPO
   PG
   UIJT
   GFBUVSF 
   8IBU
   JT
   B
   QSFEJDUJWF
   CBDL 50#& "4*4
7. #BTJD
   JOUSPEVDUJPO
   PG
   UIJT
   GFBUVSF 
   8IBU
   JT
   B
   QSFEJDUJWF
   CBDL "QQ
   DBO
   EJTQMBZ
   DSPTTBDUJWJUZ BOE
   CBDLUPIPNF BOJNBUJPO JU`T
   VOEFS
   EFWFMPQFS
   PQUJPOT
   1SFEJDUJWF
   CBDL
   BOJNBUJPOT $BO
   BQQMZ
   DVTUPN
   BOJNBUJPO
   BOE
   PS
   VTF
   .BUFSJBM
   DPNQPOFOU
8. 8IBU
   JT
   B
   QSFEJDUJWF
   CBDL )PX
   BEESFTT
   GPS
   UIF
   GFBUVSF 6QEBUF
   PO
   "OESPJE
   
   "1*
   MFWFM
    %&.0
   "OJNBUJPO *NQMFNFOUBUJPO
   FYBNQMF $PODMVTJPO       $POUFOUT
9. 
   )PX
   BEESFTT
   GPS
   UIF
   GFBUVSF &OBCMF
   Aandroid:enableOnBackInbokedCallback=“true”A
   PO
   "OESPJE.BOJGFTU "1*
   -FWFM
    "1*
   -FWFM
   d *U`T
   BWBJMBCMF
   POMZ
   GPS
   UIF
   FOUJSF
   BQQMJDBUJPO *U`T
   BWBJMBCMF
   GPS
   QFS"DUJWJUZ We can proceed gradual migration.
10. 
    )PX
    BEESFTT
    GPS
    UIF
    GFBUVSF "4*4
11. 
    )PX
    BEESFTT
    GPS
    UIF
    GFBUVSF 50#&
12. 8IBU
    JT
    B
    QSFEJDUJWF
    CBDL )PX
    BEESFTT
    GPS
    UIF
    GFBUVSF 6QEBUF
    PO
    "OESPJE
    
    "1*
    MFWFM
     %&.0
    "OJNBUJPO *NQMFNFOUBUJPO
    FYBNQMF $PODMVTJPO       $POUFOUT
13. 
    6QEBUF
    PO
    "OESPJE 8F
    DBO
    TFU
    BOESPJEFOBCMF0O#BDL*OWPLFE$BMMCBDLUSVF
    UP
    QFSBDUJWJUZ
    
    #PUUPN
    4IFFUT
    4JEF
    4IFFUT
    BOE
    4FBSDI
    .
    DPNQPOFOUT
    DBO
    EP
    BOJNBUJPO
    /FX
    "1*
    UP
    TVQQPSU
    DVTUPN
    JOBQQ
    USBOTJUJPO
    BOJNBUJPOT
14. 
    6QEBUF
    PO
    "OESPJE 4FWFSBM
    .
    DPNQPOFOUT
    DBO
    EP
    BOJNBUJPO
    PO
    QSFEJDUJWF
    CBDL IUUQTNNBUFSJBMJPDPNQPOFOUTCPUUPNTIFFUTHVJEFMJOFT IUUQTNNBUFSJBMJPDPNQPOFOUTTJEFTIFFUTHVJEFMJOFT
15. 
    6QEBUF
    PO
    "OESPJE "1*
    UP
    TVQQPSU
    DVTUPN
    JOBQQ
    USBOTJUJPO
    BOJNBUJPOT %FGBVMU
    BDUJWJUZ
    
    BDUJWJUZ
    USBOTJUJPO
16. 
    6QEBUF
    PO
    "OESPJE "1*
    UP
    TVQQPSU
    DVTUPN
    JOBQQ
    USBOTJUJPO
    BOJNBUJPOT 'PS
    $VTUPN
    USBOTJUJPO
17. 8IBU
    JT
    B
    QSFEJDUJWF
    CBDL )PX
    BEESFTT
    GPS
    UIF
    GFBUVSF 6QEBUF
    PO
    "OESPJE
    
    "1*
    MFWFM
     %&.0
    "OJNBUJPO *NQMFNFOUBUJPO
    FYBNQMF $PODMVTJPO       $POUFOUT
18. 
    *NQMFNFOUBUJPO
    FYBNQMF 
    &OBCMF
    FOBCMF0O#BDL*OWPLFE$BMMCBDLzUSVFz
    GPS
    BDUJWJUZ 
    "EE
    DBMMCBDL
    PQUJPOBM
    
    )BOEMF
    QSPHSFTT
    PG
    PO#BDL1SFTT
19. 
    *NQMFNFOUBUJPO
    FYBNQMF 
    &OBCMF
    FOBCMF0O#BDL*OWPLFE$BMMCBDLzUSVFz
    GPS
    BDUJWJUZ 
    "EE
    DBMMCBDL
    PQUJPOBM
    
    )BOEMF
    QSPHSFTT
    PG
    PO#BDL1SFTT
20. 
    6QEBUF
    PO
    "OESPJE "EE
    $BMMCBDL
21. 
    6QEBUF
    PO
    "OESPJE "EE
    $BMMCBDL "EEFE
    PO BOESPJEYBDUJWJUZBMQIB
22. 
    *NQMFNFOUBUJPO
    FYBNQMF %FTJHO
    HVJEF
    GPS
    QSFEJDUJWF
    CBDL IUUQTEFWFMPQFSBOESPJEDPNEFTJHOVJNPCJMFHVJEFTQBUUFSOTQSFEJDUJWFCBDL
23. 
    *NQMFNFOUBUJPO
    FYBNQMF .PSF
    JOGPSNBUJPO
    
    8BUDI
    UIF
    TFTTJPO
    PO
    (PPHMF
    *0
     IUUQTXXXZPVUVCFDPNXBUDI W&MQRSYQ-Y2
24. 8IBU
    JT
    B
    QSFEJDUJWF
    CBDL )PX
    BEESFTT
    GPS
    UIF
    GFBUVSF 6QEBUF
    PO
    "OESPJE
    
    "1*
    MFWFM
     %&.0
    "OJNBUJPO *NQMFNFOUBUJPO
    FYBNQMF $PODMVTJPO       $POUFOUT
25. 
    $PODMVTJPO 1SFEJDUJWF
    CBDL
    XJMM
    FOBCMF
    BT
    EFGBVMU
    OFBS
    GVUVSF "QQMZ
    QSFEJDUJWF
    CBDL
    QFS"DUJWJUZ /PU
    POMZ
    .
    WJFX
    BMTP
    DVTUPN
    BOJNBUJPO
    GPS
    WJFX
    JT
    BWBJMBCMF 5IBOL
    ZPV
26. "QY
    3FGFSFODFT • IUUQTEFWFMPQFSBOESPJEDPNBCPVUWFSTJPOTGFBUVSFTQSFEJDUJWFCBDL • IUUQTXXXZPVUVCFDPNXBUDI W&MQRSYQ-Y2 • IUUQTNNBUFSJBMJP • IUUQTEFWFMPQFSBOESPJEDPNEFTJHOVJNPCJMFHVJEFTQBUUFSOTQSFEJDUJWFCBDL • IUUQTHJUIVCDPNNBUFSJBMDPNQPOFOUTNBUFSJBMDPNQPOFOUT BOESPJECMPCNBTUFSEPDTGPVOEBUJPOT1SFEJDUJWF#BDLNE • IUUQTBOESPJEEFWFMPQFSTHPPHMFCMPHDPNBOESPJECFUBIUNM • IUUQTEFWFMPQFSBOESPJEDPNSFGFSFODFBOESPJEBQQ"DUJWJUZPO#BDL1SFTTFE