パスの日記

25
パスの日記 ~opがすげぇ~ kyobashi.dex #1

Upload: mima-yuki

Post on 14-Apr-2017

1.851 views

Category:

Engineering


1 download

TRANSCRIPT

パスの日記 ~opがすげぇ~

kyobashi.dex #1

About me

• Name : Yuki Mima

• Age : 21

• Twitter : @amyu_san

• Work : Android App Engineer

• AnimationをやるならInterpolatorを極めろ

• IllustratorからPathへ変換する方法

• ViewGroupの勘所

• Viewの再描画

• くっそ便利なサポートライブラリ

• Paintのマイナーな機能

Pathの変更の歴史

実はそんなに変更してる箇所ない

• Deprecated になったメソッド、1つもない

• API19からPath#opが追加

• API21からPath#addRoundRectの引数がRectFじゃないバージョンなどなどが追加された

• Path#isConvexが追加された

• Deprecated

• API19

• API21RectF

• Path#isConvex

• API19からPath#opが追加

Canvas#clipPathの範囲がCanvas → Path になったバージョン

How to use

こんな感じになる

OpするPath

OpされるPath

Path.Op.DIFFERENCE

Path.Op.REVERCE_DIFFERENCE

Path.Op.INTERSECT

Path.Op.UNION

Path.Op.XOR

Path#opによって表現の幅が広がった

今までのView開発では

• Canvas#clipPathを使ってOpしたいオブジェクトごとにView用意していた

• Path#cubicToなどを使った曲線部分のPathへの重ね合わせアニメーションが非常にむずかった

今後のView開発では

• ベジェ曲線バリバリ使ったPathに対しても簡単にPathをいい感じに出来る!!!!!

Path#opのイケてない所

最後に