MDCのButtonのCorner Family

2019/2/8
null

Transcript

1. גࣜձࣾϊϋφɹ੉ށ༏೭ .%$ͷ#VUUPOͷ
   $PSOFS'BNJMZ
2. ੉ށ
   ༏೭
   ˏTFUP@IJ גࣜձࣾϊϋφ
   ΞϓϦΤϯδχΞɺ
   ϦαʔνɺࢪࡦɺσβΠϯ
4. .BUFSJBM
   %FTJHO
   $PNQPOFOUT
5. #VUUPO • app:shapeAppearance=
 "@style/ShapeAppearanceOverlay.Cut" • app:cornerRadius="0dp"
6. #VUUPO • app:shapeAppearance=
 "@style/ShapeAppearanceOverlay.Cut" • app:cornerRadius="4dp"
7. #VUUPO • app:shapeAppearance=
 "@style/ShapeAppearanceOverlay.Cut" • app:cornerRadius="18dp"
8. #VUUPO • app:shapeAppearance=
 "@style/ShapeAppearanceOverlay.Cut" • app:cornerRadius="30dp"
9. #VUUPO • app:shapeAppearance=
 "@style/ShapeAppearanceOverlay.Cut" • app:cornerRadius="60dp"
10. #VUUPO • app:shapeAppearance=
 "@style/ShapeAppearanceOverlay.Cut" • app:cornerRadius="70dp"
11. #VUUPO • app:shapeAppearance=
 "@style/ShapeAppearanceOverlay.Cut" • app:cornerRadius="80dp"
12. #VUUPO • app:shapeAppearance=
 "@style/ShapeAppearanceOverlay.Cut" • app:cornerRadius="90dp"
13. #VUUPO • app:shapeAppearance=
 "@style/ShapeAppearanceOverlay.Cut" • app:cornerRadius=“100dp"
14. ಺෦࣮૷
15. ొ৔ਓ෺ • MaterialShapeDrawable • Buttonͷഎܠɺ͍͕ͭ͜ݪҼ • ShapeAppearanceModel • ݟͨ໨Λ࢘ΔϚϯɺ֯΍ลͷShapePathΛ࡞Δ • ShapePath • ͲΜͳݟͨ໨͔ͷ஋Ϋϥε • ShapeAppearancePathProvider • ShapeAppearanceModelΛPathʹม׵͢ΔϚϯ
16. എܠͷඳը MaterialShapeDrawable.draw MaterialShapeDrawable.drawFillShape → MaterialShapeDrawable.drawShape → Canvas.drawRoundRect/Canvas.drawPath Cut͸drawPath
17. എܠͷ1BUIͷ࡞੒ MaterialShapeDrawable.draw MaterialShapeDrawable.calculatePath → MSD.calculatePathForSize → ShapeAppearancePathProvider.calculatePath → ShapeAppearancePathProvider.calculatePath
18. 4IBQF"QQFBSBODF1BUI1SPWJEFSDBMDVMBUF1BUI • setCornerPathAndTransform /
 setEdgePathAndTransform
 → ShapePathΛ࡞੒ • appendCornerPath /appendEdgePath
 → ShapePathΛPathʹม׵
 ɹ→ ShapePath.applyToPath
 ɹɹ→ PathOperation.applyToPath
19. DPSOFS3BEJVTlEQ
20. DPSOFS3BEJVTEQ
21. DPSOFS3BEJVTEQ
22. $PSOFS'BNJMZ306/%&%
23. $PSOFS'BNJMZ306/%&% • app:cornerRadius="100dp"
24. $PSOFS'BNJMZ306/%&% • app:cornerRadius="100dp"
25. എܠͷඳը MaterialShapeDrawable.draw MaterialShapeDrawable.drawFillShape → MaterialShapeDrawable.drawShape → Canvas.drawRoundRect/Canvas.drawPath
26. $PSOFS'BNJMZ306/%&% • app:cornerRadius="100dp"
27. ·ͱΊ w $VUͰϦϘϯܕʹͳΔͷ͸ҙਤ͍ͯ͠Δ͔
    w ˠڪΒ͘ҙਤ͍ͯ͠ͳ͍
    w എܠͷඳը
    w 3PVOEFE
    ˠ
    3PVOE3FDU
    w $VU
    ˠ
    1BUIΛඳը
    w 1BUI΁ͷม׵͸φΠʔϒ