What you should know about AnimatedVectorDrawable

Retty Tech Cafe #6

Transcript

1. 8IBU
   ZPV
   TIPVME
   LOPX
   BCPVU
 "OJNBUFE7FDUPS%SBXBCMF ʢ'SJʣ
   !LPOJGBS
   3FUUZ
   5FDI
   $BGF
   
2. 8IBU
   JT
   "OJNBUFE7FDUPS%SBXBCMF 8F
   DBO
   BOJNBUF
   7FDUPS%SBXBCMF
   CZ
   VTJOH
   0CKFDU"OJNBUPS
   BOE
   "OJNBUPS4FU
    $IBOHF
   DPMPST
   QPTJUJPO
    3PUBUF
   JDPO
    .PSQI
   UP
   PUIFS
   JDPO
   TIBQF
3. #FOFpU 8F
   DBO
   BOJNBUF
   OPU
   POMZ
   7JFX
   CVU
   BMTP
   %SBXBCMF
4. 5PEBZ
   *`MM
   /05
   UBML w %PDVNFOUBUJPO
   BOE
   JOUSPEVDUJPO
 IUUQTEFWFMPQFSBOESPJEDPNSFGFSFODFBOESPJEHSBQIJDTESBXBCMF "OJNBUFE7FDUPS%SBXBCMFIUNM
 IUUQTXXXZPVUVCFDPNXBUDI WXM'7**TU,N"
5. 5PEBZ
   *
   XBOU
   UP
   UBML w 5IF
   LOPXMFEHF
   UIBU
   JT
   /05
   PO
   UIF
   EPDVNFOU
   BOE
   4FDPOE
   TUFQ
   UP
   VTF
   "OJNBUFE7FDUPS%SBXBCMF
6. 5PEBZ`T
   TBNQMF
7. *OUSPEVDUJPO  1VU
   BSSPX
   BOE
   TUPQ
   WFDUPS
   ESBXBCMF
   YNM
    $SFBUF
   BOJNBUPS
   YNM
    $SFBUF
   "OJNBUFE7FDUPS%SBXBCMF
   YNM
8. *OUSPEVDUJPO  1VU
   BSSPX
   BOE
   TUPQ
   WFDUPS
   ESBXBCMF
   YNM
    $SFBUF
   BOJNBUPS
   YNM
    $SFBUF
   "OJNBUFE7FDUPS%SBXBCMF
   YNM SFTESBXBCMFJD@QMBZYNM
 SFTESBXBCMFJD@QBVTFYNM
9. *OUSPEVDUJPO  1VU
   BSSPX
   BOE
   TUPQ
   WFDUPS
   ESBXBCMF
   YNM
    $SFBUF
   BOJNBUPS
   YNM
    $SFBUF
   "OJNBUFE7FDUPS%SBXBCMF
   YNM BOJNBUPSBOJN@QMBZ@UP@QBVTFYNM
 BOJNBUPSBOJN@QBVTF@UP@QMBZYNM
10. *OUSPEVDUJPO  1VU
    BSSPX
    BOE
    TUPQ
    WFDUPS
    ESBXBCMF
    YNM
     $SFBUF
    BOJNBUPS
    YNM
     $SFBUF
    "OJNBUFE7FDUPS%SBXBCMF
    YNM ESBXBCMFBWE@QMBZ@UP@QBVTFYNM
 ESBXBCMFBWE@QBVTF@UP@QMBZYNM
11. 1PJOU
    
    )PX
    UP
    TUBSU
    BOJNBUJPO
12. 
    )PX
    UP
    TUBSU
    BOJNBUJPO w "OJNBUFE7FDUPS%SBXBCMF
    JT
    OPU
    MJLF
    B
    4UBUF-JTU%SBXBCMF
    w "DUVBMMZ
    XF
    OFFE
    UP
    DBMM
    TUBSU
    NFUIPE
    QSPHSBNBUJDBMMZ
    
13. 
    )PX
    UP
    TUBSU
    BOJNBUJPO
14. 1PJOU
    
    /PUJDF
    GPS
    NPSQIJOH
15. 
    /PUJDF
    GPS
    NPSQIJOH w "DUVBMMZ
    XF
    DBO
    OPU
    BOJNBUF
    OP
    NBUUFS
    XIBU
    LJOE
    PG
    7FDUPS%SBXBCMF
    • 0⒏DJBM
    EPDVNFOU
    TBZT
    UIBU
 “Note that the paths must be compatible for morphing. In more details, the paths should have exact same length of commands, and exact same length of parameters for each commands.”
16. $BO
    *
    NPSQI
    PS
    OPU w . 
    - 
    - [
 .
    
    -
    
    -
    
    -
    [
    .
    
    -
    
    -
    
    -
    [
    w . 
    - 
    - 
    - [
    . 
    - 
    - 
    - [
 . 
    - 
    - 
    - [
    . 
    - 
    - 
    - [
17. $BO
    *
    NPSQI
    PS
    OPU w . 
    - 
    - [
 .
    
    -
    
    -
    
    -
    [
    .
    
    -
    
    -
    
    -
    [
    w . 
    - 
    - 
    - [
    . 
    - 
    - 
    - [
 . 
    - 
    - 
    - [
    . 
    - 
    - 
    - [ ̋ ✕
18. 7FDUPS
    QBUI . 
 - 
 - 
 [
19. 7FDUPS
    QBUI w "MQIBCFU
    JT
    $PNNBOE
    w .
    .PWF
    UP
 -
    -JOF
    UP
 [
    #BDL
    UP
    UIF
    pSTU
    DPPSEJOBUF
    w 6QQFS
    DBTF
    DPNNBOE
    NFBOT
    BCTPMVUF
    DPPSEJOBUF
 -PXFS
    DBTF
    DPNNBOE
    NFBOT
    SFMBUJWF
    DPPSEJOBUF . 
 - 
 - 
 [
20. 7FDUPS
    QBUI . 
 - 
 - 
 [
21. 4BNF
    TIBQF . 
    
 - 
    
 - 
    
 - 
 [
 . 
    
 - 
    
 - 
    
 - 
 [
22. . 
    
 - 
    
 - 
    
 - 
 [
 . 
    
 - 
    
 - 
    
 - 
 [ . 
    
 - 
    
 - 
    
 - 
 [
 . 
    
 - 
    
 - 
    
 - 
 [ • 0⒏DJBM
    EPDVNFOU
    TBZT
    UIBU
 “Note that the paths must be compatible for morphing. In more details, the paths should have exact same length of commands, and exact same length of parameters for each commands.”
23. . 
    
 - 
    
 - 
    
 - 
 [
 . 
    
 - 
    
 - 
    
 - 
 [ . 
    
 - 
    
 - 
    
 - 
 [
 . 
    
 - 
    
 - 
    
 - 
 [ 
    DPNNBOET
    MFOHUI
    BOE
    FYBDUMZ
    TBNF
    DPNNBOET
    "MQIBCFU
24. *U`T
    TP
    IBSE
     w :PV
    DBO
    VTF
    7FDU"MJHO
    5IJT
    UPPM
    DSFBUF
    WFDUPS
    QBUI
    UIBU
    BMMPXT
    NPSQIJOH
    FBDI
    WFDUPS
    QBUIT
 IUUQTHJUIVCDPNCPOOZGPOFWFDUBMJHO
25. 4VNNBSZ
26. "OJNBUFE7FDUPS%SBXBCMF
    JT
    SFBMMZ
    BXFTPNF
27. #VU
    JU`T
    TUJMM
    B
    MJUUMF
    IBSE
    UP
    NBOBHF
    WFDUPS
    QBUI
28. 8F
    IBWF
    UP
    DSFBUF
    BXFTPNF
    UPPM
    PS
    TPNFUIJOH
    
29. 5IBOLT
30. /PUF w 1MBJE
    VTFT
    "OJNBUFE7FDUPS%SBXBCMF
    F⒎FDUJWFMZ
    8F
    DBO
    MFBSO
    B
    MPU
    GSPN
    JU
 IUUQTHJUIVCDPNOJDLCVUDIFSQMBJE
    w 7FDU"MJHO
    JT
    BXFTPNF
    UPPM
    UP
    DSFBUF
    WFDUPS
    QBUI
    UIBU
    BMMPXT
    NPSQIJOH
    FBDI
    WFDUPS
    QBUIT
 IUUQTHJUIVCDPNCPOOZGPOFWFDUBMJHO
    w %PDVNFOUBUJPO
    BOE
    JOUSPEVDUJPO
    WJEFP
 IUUQTEFWFMPQFSBOESPJEDPNSFGFSFODFBOESPJEHSBQIJDTESBXBCMF "OJNBUFE7FDUPS%SBXBCMFIUNM
 IUUQTXXXZPVUVCFDPNXBUDI WXM'7**TU,N"