CustomView in Kotlin @ potatotips #42

potatotips #42にて発表したKotlinでCustomViewを作る話のスライドです。

Transcript

1. $VTUPN7JFX
   JO
   ,PUMJO :PTIJIJSP
   8BEB
   BLB
   !FEPLVQ 
   QPUBUPUJQT
   
   !
   $PPLQBE
   *OD
2. ୭΍ͶΜ͓લ  :PTIJIJSP
   8BEB Ɠ $ZCFS"HFOU
   *OD
   
   "EUFDI
   4UVEJP
   
   "*
   .FTTFOHFS !FEPLVQ ȍ FEPLVQ FEPLVQ ,PUMJO ྺ  ϲ݄
3. ,PUMJO ྺ  ϲ݄ ୭΍ͶΜ͓લ  :PTIJIJSP
   8BEB Ɠ $ZCFS"HFOU
   *OD
   
   "EUFDI
   4UVEJP
   
   "*
   .FTTFOHFS !FEPLVQ ȍ FEPLVQ FEPLVQ
4. ࠓճ࿩͢͜ͱ  ⋆ ,PUMJO Ͱ $VTUPN7JFX Λ࡞੒͢Δ ? ίϯετϥΫλ͸Ͳ͏ͳΔʜʁ ? +BWB ͔ΒݺͿࡍʹ͸ʜʁ ? $BMMCBDL ͸Ͳ͏͢Ε͹ʜʁ
5. $POTUSVDUPS  QVCMJD
   DMBTT
   $VTUPN7JFX
   FYUFOET
   7JFX
   \
   
   
   
   QVCMJD
   $VTUPN7JFX $POUFYU
   DPOUFYU
   \
   
   
   
   
   
   
   
   TVQFS DPOUFYU 
   
   
   
   
   
   
   
   JOJU
   
   
   
   ^
   
   
   
   QVCMJD
   $VTUPN7JFX $POUFYU
   DPOUFYU
   !/VMMBCMF
   "UUSJCVUF4FU
   BUUST
   \
   
   
   
   
   
   
   
   TVQFS DPOUFYU
   BUUST 
   
   
   
   
   
   
   
   JOJU
   
   
   
   ^
   
   
   
   QVCMJD
   $VTUPN7JFX $POUFYU
   DPOUFYU
   !/VMMBCMF
   "UUSJCVUF4FU
   BUUST
   
   
   
   
   
   
   
   
   JOU
   EFG4UZMF"UUS
   \
   
   
   
   
   
   
   
   TVQFS DPOUFYU
   BUUST
   EFG4UZMF"UUS 
   
   
   
   
   
   
   
   JOJU
   
   
   
   ^
   
   
   
   QSJWBUF
   WPJE
   JOJU
   \
   
   
   
   
   
   
   
   
   JOJUJBMJ[F
   
   
   
   ^
   
   
   
   
   NFUIPET ^ ⋆ ී௨ͷ $POTUSVDUPS
6. $POTUSVDUPS  DMBTT
   $VTUPN7JFX
   
   7JFX
   \
   
   
   
   DPOTUSVDUPS DPOUFYU
   $POUFYU
   
   TVQFS DPOUFYU
   
   
   
   DPOTUSVDUPS
   
   DPOUFYU
   $POUFYU
   BUUST
   "UUSJCVUF4FU
   
   
   TVQFS DPOUFYU
   BUUST
   
   
   
   DPOTUSVDUPS
   
   DPOUFYU
   $POUFYU
   
   BUUST
   "UUSJCVUF4FU
   
   EFG4UZMF"UUS
   *OU
   
   
   TVQFS DPOUFYU
   BUUST
   EFG4UZMF"UUS
   
   
   
   JOJU
   \
   
   
   
   
   
   
   
   
   JOJUJBMJ[F
   
   
   
   ^
   
   
   
   
   NFUIPET ^ ⋆ ,PUMJO Ͱ JOJU ϒϩοΫΛ࢖ͬͯΈΔ TFDPOEFSZ
   DPOTUSVDUPST
7. $POTUSVDUPS  DMBTT
   $VTUPN7JFX
   !+WN0WFSMPBET
   DPOTUSVDUPS
   
   
   
   
   
   
   
   DPOUFYU
   $POUFYU
   
   
   
   
   
   
   
   BUUST
   "UUSJCVUF4FU
   
   OVMM
   
   
   
   
   
   
   
   EFG4UZMF"UUS
   *OU
   
   
   
   
   
   
   
   7JFX DPOUFYU
   BUUST
   EFG4UZMF"UUS
   \
   
   
   
   JOJU
   \
   
   
   
   
   
   
   
   
   JOJUJBMJ[F
   
   
   
   ^
   
   
   
   
   NFUIPET ^ ⋆ σϑΥϧτҾ਺Λ࢖ͬͯΈΔ QSJNBSZ DPOTUSVDUPS
8. $POTUSVDUPS  DMBTT
   $VTUPN7JFX
   !+WN0WFSMPBET
   DPOTUSVDUPS
   
   
   
   
   
   
   
   DPOUFYU
   $POUFYU
   
   
   
   
   
   
   
   BUUST
   "UUSJCVUF4FU
   
   OVMM
   
   
   
   
   
   
   
   EFG4UZMF"UUS
   *OU
   
   
   
   
   
   
   
   7JFX DPOUFYU
   BUUST
   EFG4UZMF"UUS
   \
   
   
   
   JOJU
   \
   
   
   
   
   
   
   
   
   JOJUJBMJ[F
   
   
   
   ^
   
   
   
   
   NFUIPET ^ ⋆ σϑΥϧτҾ਺Λ࢖ͬͯΈΔ QSJNBSZ DPOTUSVDUPS
9. !+WN0WFSMPBET Ξϊςʔγϣϯ  ⋆ +BWB ༻ͷ 0WFSMPBE
   NFUIPE Λ࡞ͬͯ͘ΕΔ +BWB ͔Β͸σϑΥϧτҾ਺͸ࢀরͰ͖ͳ͍ɻ /P4VDI.FUIPE&YDFQUJPO Λు͔ΕΔ !+WN0WFSMPBET
   ΞϊςʔγϣϯΛ௥Ճ͢Δͱ +BWB ͔Βݟͨͱ͖ʹϝιου͕ଟॏఆٛ͞ΕΔ ,PUMJO ͔Β "OESPJE4UVEJP ͷ *OUFOTJPO Ͱ !+WN0WFSMPBET ͳίϯετϥΫλΛ ࡞ͬͯ͘ΕΔΑ͏ʹ 
   "EE
   "OESPJE
   7JFX
   DPOTUSVDUPST
   VTJOH
   !+WN0WFSMPBET
10. $BMMCBDL  QVCMJD
    DMBTT
    -JTUFOFS4BNQMF7JFX
    FYUFOET
    7JFX
    \
    
    
    
    QSJWBUF
    $BMMCBDL
    DBMMCBDL
    
    
    
    QVCMJD
    WPJE
    IPHF
    \
    
    
    
    
    
    
    
    JG DBMMCBDL
    
    OVMM
    SFUVSO
    
    
    
    
    
    
    
    DBMMCBDLPO)PHF 
    
    
    
    ^
    
    
    
    QVCMJD
    JOUFSGBDF
    $BMMCBDL
    \
    
    
    
    
    
    
    
    QVCMJD
    WPJE
    PO)PHF 
    
    
    
    ^ ^ QVCMJD
    DMBTT
    .BJO"DUJWJUZ
    FYUFOET
    "QQ$PNQBU"DUJWJUZ
    
    
    JNQMFNFOUT
    -JTUFOFS4BNQMF7JFX$BMM#BDL
    \
    
    
    
    !0WFSSJEF
    
    
    
    QVCMJD
    WPJE
    PO)PHF
    \
    
    
    
    
    
    
    
    
    DBMMCBDLT
    
    
    
    ^ ^ ⋆ ී௨ͷϦεφʔύλʔϯ
11. $BMMCBDL  DMBTT
    -JTUFOFS4BNQMF7JFX
    
    7JFX
    \
    
    
    
    QSJWBUF
    WBS
    DBMMCBDL
    $BMMCBDL
    
    OVMM
    
    
    
    QSJWBUF
    GVO
    IPHF
    \
    
    
    
    
    
    
    
    DBMMCBDL PO)PHF
    TBGF
    DBMM
    
    
    
    ^
    
    
    
    JOUFSGBDF
    $BMMCBDL
    \
    
    
    
    
    
    
    
    GVO
    PO)PHF
    
    
    
    ^ ^ DMBTT
    .BJO"DUJWJUZ
    
    "QQ$PNQBU"DUJWJUZ
    
    
    
    
    
    
    -JTUFOFS4BNQMF7JFX$BMMCBDL
    \
    
    
    
    PWFSSJEF
    GVO
    PO)PHF
    \
    
    
    
    
    
    
    
    
    DBMMCBDLT
    
    
    
    ^ ^ ⋆ ͦͷ·· ,PUMJO ʹͯ͠ΈΔ
12. $BMMCBDL  DMBTT
    -JTUFOFS4BNQMF7JFX
    
    7JFX
    \
    
    㕉ᡔә◌क✖ԒԾԠԏԗ԰ӔӘӑӇӘӨӨՉ՛ԸӕᛝӉӅӳӶӵ
    
    
    
    WBS
    PO)PHF
    
    
    6OJU
    
    OVMM
    
    
    
    QSJWBUF
    GVO
    IPHF
    \
    
    
    
    
    
    
    
    PO)PHF JOWPLF
    
    
    
    ^ ^ DMBTT
    .BJO"DUJWJUZ
    
    "QQ$PNQBU"DUJWJUZ
    \
    PWFSSJEF
    GVO
    PO$SFBUF TBWFE*OTUBODF4UBUF
    #VOEMF
    \
    
    
    
    
    
    
    
    MJTUFOFS4BNQMF7JFXPO)PHF
    
    \
    
    
    
    
    
    
    
    
    
    
    
    
    
    DBMMCBDLT
    
    
    
    
    
    
    
    ^
    
    
    
    
    ^ ^ ⋆ ؔ਺Ϧςϥϧͱ JOWPLF Ͱ -JTUFOFS ͕ෆཁʹ
13. $BMMCBDL  QVCMJD
    DMBTT
    +BWB.BJO"DUJWJUZ
    FYUFOET
    "QQ$PNQBU"DUJWJUZ
    \
    
    
    
    !0WFSSJEF
    
    
    
    QSPUFDUFE
    WPJE
    PO$SFBUF
    
    
    !/VMMBCMF
    #VOEMF
    TBWFE*OTUBODF4UBUF
    \
    
    
    
    
    
    
    
    MJTUFOFS4BNQMF7JFXTFU0O)PHF OFX
    'VODUJPO6OJU
    \
    
    
    
    
    
    
    
    
    
    
    
    !0WFSSJEF
    
    
    
    
    
    
    
    
    
    
    
    QVCMJD
    6OJU
    JOWPLF
    \
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    DBMMCBDLT
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    SFUVSO
    OVMM
    
    
    
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    ^ 
    
    
    
    ^ ^ ⋆ +BWB Ͱѻ͏ͱ͖͸ 'VODUJPO/ ΛҾ਺ʹ༩͑Δ 'VODUJPO/ 㮢/ әᐠᡔӘંᡔ㮣 ୤ә ,PUMJO Ә㕉ᡔѭ 6OJU ӔӴ OVMM Ӽ㈘Ӄ
14. $BMMCBDL  ⋆ Ҿ਺͕ଟ͘ͳͬͨͱ͖Λߟ͑Δ ⋆ ֦େɾॖখɾεΫϩʔϧͰ͖Δ *NBHF7JFX Ͱഒ཰΍࠲ඪɺ͸Έग़͠஋౳Λ௨஌ͯ͠΄͍͠ WBS
    PO$IBOHF4UBUF
    
    
    TDBMF
    'MPBU
    
    
    Y
    'MPBU
    
    
    Z
    'MPBU
    
    
    PWFS9
    *OU
    
    
    PWFS:
    *OU
    
    6OJU
    
    OVMM
15. $BMMCBDL  ⋆ +BWB ίʔυͰ͸ඇৗʹ௕͍ 'VODUJPO ʹͳΔ ⋆ ิ׬Ͱࣗಈੜ੒͢ΔͱҾ਺໊͕Ṗ IPHF7JFXTFU0O$IBOHF4UBUF
    
    OFX
    'VODUJPO'MPBU
    'MPBU
    'MPBU
    *OUFHFS
    *OUFHFS
    6OJU
    \
    
    
    
    !0WFSSJEF
    
    
    
    QVCMJD
    6OJU
    JOWPLF 'MPBU
    B'MPBU
    
    
    
    
    
    
    
    
    'MPBU
    B'MPBU
    
    
    
    
    
    
    
    
    
    
    'MPBU
    B'MPBU
    
    
    
    
    *OUFHFS
    JOUFHFS
    
    
    
    
    *OUFHFS
    JOUFHFS
    \
    
    
    
    
    
    
    
    SFUVSO
    OVMM
    
    
    
    ^ ^  ⧞௻ӑᥨҷᝪҲӵӘәǘ
16. $BMMCBDL  IPHF7JFXPO$IBOHF4UBUF
    
    \
    䖕 GM
    'MPBU
    GM
    'MPBU
    GM
    'MPBU
    J
    *OU
    J
    *OU
    
    \
    
    ⧞ಌ⇰ᘻҿӶӉᐠᡔൻ
    
    
    
    
    
    
    GVODUJPOT
    ^ ^ ⋆ ,PUMJO Ͱ΋ *OUFOTJPO ͨ࣌͠ͷҾ਺໊͕ʜ +BWB ӘӒҷӲӴ㗾ӕӔӍӉǘ㮹
17. $BMMCBDL ʹ͍ͭͯࢥ͏͜ͱ  ⋆ ؔ਺ϦςϥϧͰϦεφʔύλʔϯഉআ͸Ͱ͖Δ ⋆ ϦεφʔύλʔϯΛ࢖ͬͨ΄͏͕ϝϯςφϯε ͠΍͍͢έʔε͸͍ͬͺ͍͋Γͦ͏ ෳ਺ͷҾ਺͕ଘࡏ͢Δͱ͖ ଟ਺ͷίʔϧόοΫؔ਺Λ࣋ͭͱ͖ ⋆ ٯʹར༻ͨ͠ํ͕ྑͦ͞͏ͳέʔε΋͋Γͦ͏ ඞͣఆٛ͢Δඞཁͷͳ͍ίʔϧόοΫ͕͋Δ࣌ FH
    (FTUVSF%FUFDUPS(FTUVSF-JTUFOFS ͷ಺
    
    
    μϒϧλοϓͷݕ஌͚ͩར༻͍ͨ͠ɺͱ͔
18. ࢀߟจݙ  ⋆ +BWB ͔Βͷར༻Λࢹ໺ʹೖΕͨ ,PUMJO ίʔυͰ ԿΛ͢Δ΂͖͔
    
    2JJUB IUUQRJJUBDPNKNBUTVJUFNTDCBBDCDCG ⋆ +BWB,PUMJO ࠞ߹ϓϩδΣΫτͰؾΛ͚͍ͭͯΔ͜ͱɻ IUUQMWMBIBUFOBCMPHDPNFOUSZ ⋆ ,PUMJO ͰίʔϧόοΫ
    
    2JJUB IUUQRJJUBDPN""LJSB!HJUIVCJUFNTFCBBFFECED