How to implement material design animation droid girls version

)PXUPJNQMFNFOU NBUFSJBMEFTJHOBOJNBUJPO %SPJE(JSMT晛 UBLBIJSPN

˖ 劤せכ嬁「䃨峔 ׭׿ׄױ׋ַמ׹ ˖ "OESPJEָ㥨ֹ ˖ UBLBIJSPNהְֲせ⵸ד  2JJUBהַ׮剅ְגְ׷ךד  ״׹׃ֶֻ격ְ׃תׅ
荈䊹稱➜

– Motion Lead @Google. John Schlemmer “one of the main
components of what makes material, material. ”

˖ ٌ٦ءّٝךꅾ銲䚍 ˖ ٌ٦ءّٝך⾱⵱ ˖ ؖ؎سٓ؎ٝה㹋鄲 ˖ "OESPJE劢弫ך畭劣דוֲ㹋鄲ׅ׷ַ ˖ תה׭
湡如

ז׈،صً٦ءׇׁّٝ׷ ַ

˖ ؽُ٦꟦ך搊挿ךؖ؎س ˖ ِ٦ؠ٦ָ乼⡲׾㸣✪ׅ׷ה⡦ָ饯ֹ׷ךַؼٝز׾爙ׅ ˖ 銲稆꟦ךꥡ㾴涸ծ瑞꟦涸זꟼ⤘ ˖ 胜䖓ד遤׻׸גְ׷Ⳣ椚؝ٝذٝخך《䖤ծ  如ךؽُ٦ך铣׫鴥׫זוַ׵岣湡׾׉׵ׅ ˖
ٍؙؗٓة٦ծ峤箺ծ嚂׃׫ ٌ٦ءّٝךꅾ銲䚍罋ִ׷ֿה׾幾׵ׅ ⴓַ׶װֻׅ .BUFSJBM%FTJHO(VJEFMJOF״׶

וֲװ׏ג وذٔ،ٕرؠ؎ٝד ،صً٦ءׇׁّٝ׷ַ

˖ 3FTQPOTJWF  ̔⽯䏟ח⿾䘔׃ג鸞䏝ָ鸞ְ ٌ٦ءّٝך⾱⵱ .BUFSJBM%FTJHO(VJEFMJOF״׶ %SPJE,BJHJPDJBM"OESPJEBQQ״׶

˖ 3FTQPOTJWF  ̔⽯䏟ח⿾䘔׃ג鸞䏝ָ鸞ְ ˖ /BUVSBM  ̔荈搫ז⹛ֹ ٌ٦ءّٝך⾱⵱ .BUFSJBM%FTJHO(VJEFMJOF״׶

˖ 3FTQPOTJWF  ̔⽯䏟ח⿾䘔׃ג鸞䏝ָ鸞ְ ˖ /BUVSBM  ̔荈搫ז⹛ֹ ˖ "XBSF  ̔➭ךوذٔ،ٕה䓼锃⹛⡲ ٌ٦ءّٝך⾱⵱
.BUFSJBM%FTJHO(VJEFMJOF״׶

˖ 3FTQPOTJWF  ̔⽯䏟ח⿾䘔׃ג鸞䏝ָ鸞ְ ˖ /BUVSBM  ̔荈搫ז⹛ֹ ˖ "XBSF  ̔➭ךوذٔ،ٕה䓼锃⹛⡲ ˖
*OUFOUJPOBM  ̔䠐㔳ָ֮׷ ٌ٦ءّٝך⾱⵱ .BUFSJBM%FTJHO(VJEFMJOF״׶ %SPJE,BJHJPDJBM"OESPJEBQQ QVMM ״

וֲ㹋鄲ׅ׷ַ

NBUFSJBMFMFNFOU IUUQHJUJPFMFNFOU ؟ٝفٕ،فٔ⡲׶ת׃׋

وذٔ،ٕرؠ؎ٝ  ؖ؎سٓ؎ٝ׾  ⯋ח⡲䧭 HJUJPFMFNFOU

א׆אؖ؎سٓ؎ַٝ׵ 鷄׏ג׫״ֲ

˖ وذٔ،ٕرؠ؎ٝ ˖ ٌ٦ءّٝ ˖ أة؎ٕ ˖ ٖ؎،ؐز ˖ ؝ٝه٦طٝز
˖ ػة٦ٝ ˖ 㷕统ה䞔㜠䲿⣘ ˖ ِ٦ؠؽٔذ؍ ˖ ٔا٦أ وذٔ،ٕرؠ؎ٝؖ؎سٓ؎ٝ אך畍ַ׵圓䧭ׁ׸׷

ؖ؎سٓ؎ٝⰻך%SPJE,BJHJד 铡僇׃׋鿇ⴓ ˖ وذٔ،ٕرؠ؎ٝ ˖ 넝䏝הءٍسؐ ˖ ٌ٦ءّٝ ˖ 竰竲儗꟦ה؎٦آؚٝ
˖ 麊⹛ ˖ وذٔ،ٕך㢌䕎 ˖ ؝ؚٖؔٓؿ؍ ˖ ؙٔؒ؎ذ؍ـזؕأةو؎ؤ ˖ ػة٦ٝ ˖ 歗⫷ך铣׫鴥׫ ˖ 歗꬗鼂獳

ؖ؎سٓ؎ٝⰻך铡僇ׅ׷鿇ⴓ ˖ وذٔ،ٕرؠ؎ٝ ˖ 넝䏝הءٍسؐ ˖ ٌ٦ءّٝ ˖ 竰竲儗꟦ה؎٦آؚٝ ˖
麊⹛ ˖ ؝ؚٖؔٓؿ؍ ˖ ػة٦ٝ ˖ 歗⫷ך铣׫鴥׫ ˖ 歗꬗鼂獳

˖ وذٔ،ٕرؠ؎ٝ ˖ 넝䏝הءٍسؐ ˖ ٌ٦ءّٝ ˖ 竰竲儗꟦ה؎٦آؚٝ ˖ 麊⹛
˖ ؝ؚٖؔٓؿ؍ ˖ ػة٦ٝ ˖ 歗⫷ך铣׫鴥׫ ˖ 歗꬗鼂獳 ؖ؎سٓ؎ٝⰻך铡僇ׅ׷鿇ⴓ

넝䏝הءٍسؐ 䕦ח岣湡  ةحف儗ח嵤ֹ♳ָ׏ג鋅ִ׷ %SPJE,BJHJPDJBM"OESPJEBQQ״

넝䏝הءٍسؐ ٖأهٝءـ넝䏝ה⹛涸넝䏝ؔؿإحز ؖ؎سٓ؎ٝ ةحف儗ח7JFX׾EQ♳ָ׷  EQ⹛涸넝䏝ؔؿإحز 䬃׃גזְ儗ך 넝䏝䬃׃גְ׷הֹך 넝䏝 'MPBUJOH"DUJPO#VUUPO
EQ EQ #VUUPO EQ EQ $BSE EQ EQ

ٖأهٝءـ넝䏝ה⹛涸넝䏝ؔؿإحز 㹋鄲 <ImageView android:id="@+id/shot" android:layout_width=“wrap_content" android:layout_height="wrap_content" android:elevation="@dimen/z_card" android:stateListAnimator="@animator/raise" android:foreground="@drawable/mid_grey_ripple" app:badgeGravity="end|bottom"
app:badgePadding="@dimen/padding_normal" /> TUBUF-JTU"OJNBUPSכ"1*-FWFM劢弫ד搀鋔ׁ׸׷ "1*-FWFM "OESPJE TUBUF-JTU"OJNBUPS׾⢪ֲ ٖ؎،ؐز9.-ⰻ

ٖأهٝءـ넝䏝ה⹛涸넝䏝ؔؿإحز 㹋鄲 <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_enabled="true" android:state_pressed="true"> <objectAnimator android:duration="@android:integer/conﬁg_shortAnimTime" android:propertyName="translationZ"
android:valueTo="@dimen/touch_raise" /> </item> <item> <objectAnimator android:duration="@android:integer/conﬁg_shortAnimTime" android:propertyName="translationZ" android:valueTo="0dp" /> </item> </selector> BOJNBUPS@SBJTFYNM

android:valueTo="@dimen/touch_raise" /> </item> <item> <objectAnimator android:duration="@android:integer/conﬁg_shortAnimTime" android:propertyName="translationZ" android:valueTo="0dp" /> </item> </selector> 䬃׃גְ׷הֹך،صً٦ءّٝ׾ 䭷㹀ׅ׷ BOJNBUPS@SBJTFYNM

android:valueTo="@dimen/touch_raise" /> </item> <item> <objectAnimator android:duration="@android:integer/conﬁg_shortAnimTime" android:propertyName="translationZ" android:valueTo="0dp" /> </item> </selector> USBOTJUJPO;׾EQחׅ׷ BOJNBUPS@SBJTFYNM

android:valueTo="@dimen/touch_raise" /> </item> <item> <objectAnimator android:duration="@android:integer/conﬁg_shortAnimTime" android:propertyName="translationZ" android:valueTo="0dp" /> </item> </selector> BOJNBUPS@SBJTFYNM EQ ׮ה׮הך&MFWBUJPO EQ ⹛涸넝䏝ؔؿإحز EQ חז׷

竰竲儗꟦ 騃ꨄָꞿְקו،صً٦ءّٝ儗꟦ָꞿְ

˖ NT׾馄ִזְ״ֲחׅ׷ QMBJEזודך،صً٦ءַّٝ ׵䱿庠 ˖ NTַ׵NTך꟦ד  ⹛ַׅ騃ꨄח״׏ג锃侭 ˖ ةـٖحزזוך畭劣ח 
״׏ג׮㢌ִ׋קֲָ葺ְ  㣐ְֹ畭劣קוꞿֻ ˖ TFU%VSBUJPO ׾ⵃ欽ׅ׷ 竰竲儗꟦

؎٦آؚٝ &BTJOH$VSWFTכ،صً٦ءّٝך  أؾ٦سװ鷲僇䏝ծ㣐ֹׁזוח黝䘔ׁ׸׷

ٌ٦ءّٝ؎٦آؚٝ ؖ؎سٓ؎ٝ Ͳ͜Ͱ࢖͏͔ ඪ४Χʔϒ4UBOEBSEDVSWF ը໘಺Ͱͷӡಈ ݮ଎Χʔϒ%FDFMFSBUJPODVSWF ը໘ʹೖΔӡಈ Ճ଎Χʔϒ"DDFMFSBUJPODVSWF ը໘͔Βग़Δӡಈ ٸΧʔϒ4IBSQDVSWF
͍ͭͰ΋ը໘ʹೖΕΔΦϒδΣΫτ ͷӡಈ

ٌ٦ءّٝ؎٦آؚٝ 㹋鄲 Ͳ͏࣮૷͢Δ͔ ඪ४Χʔϒ4UBOEBSEDVSWF 'BTU0VU4MPX*O*OUFSQPMBUPS ݮ଎Χʔϒ%FDFMFSBUJPODVSWF -JOFBS0VU4MPX*O*OUFSQPMBUPS Ճ଎Χʔϒ"DDFMFSBUJPODVSWF 'BTU0VU-JOFBS*O*OUFSQPMBUPS ٸΧʔϒ4IBSQDVSWF
1BUI*OUFSQPMBUPS$PNQBU DSFBUF G G ViewPropertyAnimatorΛ࢖ͬͨࢦఆํ๏ view.animate() .translationX(100) .setDuration(290) .setInterpolator(new FastOutSlowInInterpolator()) .start(); "1*-FWFM

وذٔ،ٕرؠ؎ٝؖ؎سٓ؎ٝ ➙㔐《׶♳־׷،صً٦ءّٝ鿇ⴓ ˖ وذٔ،ٕرؠ؎ٝ ˖ 넝䏝הءٍسؐ ˖ ٌ٦ءّٝ ˖ 竰竲儗꟦ה؎٦آؚٝ
˖ 麊⹛ ˖ ؝ؚٖؔٓؿ؍ ˖ ػة٦ٝ ˖ 歗⫷ך铣׫鴥׫ ˖ 歗꬗鼂獳

麊⹛ 植㹋ך⚅歲הずׄ״ֲח♴倯ぢחꅾ⸂ָ֮׷ךד  ♴ך倯ぢח花׵׿׌䕎חז׷

麊⹛ 㹋鄲

麊⹛ 㹋鄲 ext, TransformingActivity.class); nsCompat.makeSceneTransitionAnimation( iew,getString(R.string.transition_name)).toBundle(); ontext, intent, options); .BJO"DUJWJUZ
5SBOTGPSNJOH"DUJWJUZ <ImageView android:layout_width="mat android:layout_height="wr android:transitionName="@ <style name="AppTheme.No ٖ؎،ؐز ذ٦و

"DUJWJUZ0QUJPOT$PNQBUד 鼂獳⯋7JFXה鼂獳⯓ך7JFX׾  穠ןאֽג"DUJWJUZ饯⹛ Intent intent = new Intent(context, TransformingActivity.class); Bundle
options = ActivityOptionsCompat.makeSceneTransitionAnimation( context, fromView, getString(R.string.transition_name)).toBundle(); ActivityCompat.startActivity(context, intent, options); .BJO"DUJWJUZ

5SBOTGPSNJOH"DUJWJUZ <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:transitionName="@string/transition_name"/> <style name="AppTheme.NoActionBar.Detail"> <item name="android:windowSharedElementEnterTransition">@transition/ default_share</item>
<item name="android:windowSharedElementReturnTransition">@transition/ ٖ؎،ؐز ذ٦و ٖ؎،ؐزדUSBOTJUJPO/BNF׾䭷㹀

<ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:transitionName="@string/transition_name"/> <style name="AppTheme.NoActionBar.Detail"> <item name="android:windowSharedElementEnterTransition">@transition/ default_share</item> <item
name="android:windowSharedElementReturnTransition">@transition/ default_share</item> </style> ٖ؎،ؐز ذ٦و 5SBOTJUJPO <?xml version="1.0" encoding="utf-8"?> <transitionSet .. android:duration="350" android:interpolator="..."> <changeBounds/> ذ٦وד5SBOTJUJPO׾䭷㹀

android:layout_height="wrap_content" android:transitionName="@string/transition_name"/> <style name="AppTheme.NoActionBar.Detail"> <item name="android:windowSharedElementEnterTransition">@transition/ default_share</item> <item name="android:windowSharedElementReturnTransition">@transition/ default_share</item>
</style> ذ٦و 5SBOTJUJPO <?xml version="1.0" encoding="utf-8"?> <transitionSet .. android:duration="350" android:interpolator="..."> <changeBounds/> <pathMotion class="**.GravityArcMotion" /> </transitionSet> QBUI.PUJPO׾䭷㹀 ֿ׸ח״׶嘴ⰼ䕎חז׷ DIBOHF#PVOETד獳⹛ 㣐ֹׁ㢌⻉

麊⹛ 㹋鄲 QBUI.PUJPO׾ⵃ欽ׅ׷կ  ׋׌׃垥彊ך"SD.PSUJPOؙٓأ׾ⵃ欽 ׅ׷ה♳ח花׵׬،صً٦ءّٝד ♶黝ⴖהׁ׸גְ׷⹛ֹהז׷ IUUQTEFWFMPQFSBOESPJEDPNSFGFSFODFBOESPJEUSBOTJUJPO"SD.PUJPOIUNM "1*-FWFM 5SBOTJUJPOך䭷㹀⢽ ❌

˖ 1MBJEח"SD.PUJPOؙٓأ׾  䭁䓸׃׋(SBWJUZ"SD.PUJPOؙٓأָ  ֮׷  QMBJE(SBWJUZ"SD.PUJPOKBWB ˖ ׋׌ծك٦أה׃גְ׷  ؿٖ٦يٙ٦ؙך؝٦سָ〢ֻծ  暴㹀ך勴⟝ך儗ח  ֲתֻ،صً٦ءّٝ׃זְ׋׭ծ⡲׶
湫׃׋  QMBJEחفؙٕٔؒأز׾鷏׶ת׃׋   NBUFSJBMFMFNFOU (SBWJUZ"SD.PUJPOKBWB 荈搫ז䓜׾⡲׷חכ ˟1MBJEהכ(PPHMFךوذٔ،ٕرؠ؎ٝך ؔ٦فٝا٦أך⿫罋㹋鄲דַאرؠ؎ٝصُ٦أ،فٔ <?xml version="1.0" encoding="utf-8"?> <transitionSet … android:duration="350" android:interpolator=“…”> <changeBounds/> <pathMotion class=“**.GravityArcMotion” /> </transitionSet>

˖ ׮ה׮הךせ⵸כ.FBOJOHGVM USBOTJUJPO 䠐㄂ך֮׷鼂獳 ˖ ˑ⹛ֹך֮׷وذٔ،ٕדכծ鼂獳⚥ ח銲稆׾Ⱏ剣ׅ׷ֿהדծ乼⡲⚥ך ِ٦ؠ٦ך搊挿׾㼪ֹתׅկ˒ ؝ؚٖؔٓؿ؍

؝ؚٖؔٓؿ؍ 鸬竲䚍ؖ؎سٓ؎ٝ ˖ ؝ٝذٝخךׅץגך銲稆ָ  Ⱏ剣ׁ׸׷㜥さ ˖ ؝ٝذٝخך銲稆ָקה׿וծ  ת׋כת׏׋ֻⰟ剣ׁ׸זְ㜥さ  Ⱏ剣׃זְ㜥さכ  胜兝ךؕ٦سך׫Ⱏ剣
"1*-FWFM

؝ؚٖؔٓؿ؍ 鸬竲䚍ؖ؎سٓ؎ٝ ։࢝࣌ؒ ऴྃ࣌ؒ $BSEͷԣ෯ NT NT $BSEͷॎ෯ NT NT
4IBSFE&MFNFOUͷ  YͷҐஔ NT NT 4IBSFE&MFNFOUͷ  ZͷҐஔ NT NT දࣔ͞ΕΔ7JFXͷ ಁ໌౓ NT NT

؝ؚٖؔٓؿ؍ 鸬竲䚍㹋鄲 'BCָ䎢ָ׷،صً٦ءّٝהずׄ״ֲח 4IBSFE&MFNFOU5SBOTJUJPO׾ⵃ欽ׅ׷ 簚ה埆ך،صً٦ءّٝךꟚ㨣儗꟦ךؤٖ׾ 邌植ׅ׷׋׭ח$VTUPN5SBOTJUJPO׾⡲䧭 AnimatorSet animatorSet = new
AnimatorSet(); … widthAnim.setDuration(275); heightAnim.setStartDelay(30); heightAnim.setDuration(345); animatorSet.playTogether(widthAnim, heightAnim); "1*-FWFM

4IBSFE&MFNFOU5SBOTJUJP׾ ⵃ欽ׅ׷ػة٦ָٝ㢳ְךד ׮ֲ㼰׃䱠׶♴־תׅ

鸬竲䚍׾㹋鄲ׅ׷׋׭ח "DUJWJUZ5SBOTJUJPOך㛇燉濼陎 "DUJWJUZ" "DUJWJUZ"#ח獳⹛ׅ׷㜥さ "DUJWJUZ# &YJU5SBOTJUJPO 4IBSFE&MFNFOU&YJU5SBOTJUJPO &OUFS5SBOTJUJPO 4IBSFE&MFNFOU&OUFS5SBOTJUJPO TUBSU"DUJWJUZ
אך鼂獳דאך5SBOTJUJPOָ饥׷ "1*-FWFM

鸬竲䚍׾㹋鄲ׅ׷׋׭ח "DUJWJUZ5SBOTJUJPOך㛇燉濼陎 "DUJWJUZ" "DUJWJUZ#"ח䨱׷㜥さ "DUJWJUZ# 3FFOUFS5SBOTJUJPO 4IBSFE&MFNFOU3FFOUFS5SBOTJUJPO 3FUVSO5SBOTJUJPO 4IBSFE&MFNFOU3FUVSO5SBOTJUJPO 䨱׷نةٝ
אך鼂獳דⴽךאך5SBOTJUJPOָ饥׷ "1*-FWFM

5SBOTJUJPOךرغحؚ ➙וך5SBOTJUJPOָ⹛ְגְ׷׿׌׏ֽ ̔Ⰻגך5SBOTJUJPOװ8JOEPX"OJNBUJPO ׾⳿⸂ׅ׷ ؟ٝفٕ،فٔךًصُ٦ַ׵  ˑ%FCVH˒ד剣⸬⻉דֹתׅ

5SBOTJUJPOךرغحؚ ˖ ،صً٦ءָّٝ傍ֻג  ״ֻⴓַ׵זְ  ̔Ꟛ涪罏ぢֽؔفءّٝד  "OJNBUPSⱄ欰儗꟦أ؛٦ٕ׾㢌刿ׅ׷

5SBOTJUJPOךرغحؚˏ ˖ OJDLCVUDIFS"OJNBUPS%VSBUJPO5JMF ˖ $VTUPN2VJDL4FUUJOHTד  "OJNBUPSⱄ欰儗꟦أ؛٦ٕ׾  㢌刿דֹ׷կץ׿׶կ

5SBOTJUJPOךرغحؚ <transitionSet> <targets> <target android:targetId="@id/image" /> </targets> <transition class="**.BlinkDebugTransition" />
</transitionSet> ˖ 7JFXָ5SBOTJUJPOך㼎韋חז׏גְ׷  ךַ״ֻⴓַ׵זְ  ̔#MJOL%FCVH5SBOTJUJPOؙٓأ׾  ⡲׏׋ךד׉׸ד5SBOTJUJPOָ  ⹛ְגְ׷ַ然钠׃ג׫׷ה葺ְ

5SBOTJUJPOָ ֲתֻ⹛ַזְהֹךثؑحؙٔأز ˖ UIFNFךXJOEPX"DUJWJUZ5SBOTJUJPOTָ剣⸬חז׏גְ׷ "QQ$PNQBU5IFNFזו鋵ךذ٦وָ5IFNF.BUFSJBMח ז׏גְ׸ל㉏겗ז׃ ˖ *NBHF7JFXךTDBMF5ZQFְׄ׏ג׫׋ ְׄ׏גְ׷הֹ
כDIBOHF*NBHF5SBOTGPSNךUSBOTJUJPOָ֮׷הֲתְֻֻ ַ׮ ˖ 7JFXך胜兝ח׍ׯ׿ה葿אְגְ׷ <item name="android:windowContentTransitions">true</item>

5SBOTJUJPOָ ֲתֻ⹛ַזְהֹךثؑحؙٔأز ˖ 3FDZDMFS7JFXך"EBQUFSךٗ٦سװ歗⫷ך铣׫鴥׿ד  ٖ؎،ؐز׾䖉׏גַ׵5SBOTJUJPO׾Ꟛ㨣ׇׁ׋ְ ˖ "DUJWJUZ$PNQBUQPTUQPOF&OUFS5SBOTJUJPO BDUJWJUZ   ד5SBOTJUJPOךꟚ㨣׾䖉א
˖ "DUJWJUZ$PNQBUTUBSU1PTUQPOFE&OUFS5SBOTJUJPO BDUJWJUZ דꟚ㨣  7JFX5SFF0CTFSWFS0O1SF%SBX-JTUFOFSה穈׫さ׻ׇ׷

5SBOTJUJPOָ ֲתֻ⹛ַזְהֹךثؑحؙٔأز ˖ 4IBSFE&MFNFOU5SBOTJUJPOך㜥さח7JTJCJMJUZ׾  竰䪫׃גְזְ5SBOTJUJPOחז׏גְ׷  'BEFؙٓأָ⹛ַזְ ✳鹈꟦䝢׿׌ ˖ 4IBSFדזְ8JOEPX5SBOTJUJPOך㜥さח7JTJCJMJUZַ
5SBOTJUJPO4FU׾竰䪫׃׋5SBOTJUJPOחז׏גְ׷ ˖ ̔խ⯓玎铡僇׃׋#MJOL%FCVH5SBOTJUJPOװ  ׉ך7JTJCJMJUZ׾竰䪫׃׋غ٦آّٝך  #MJOL7JTJCJMJUZ%FCVH5SBOTJUJPO׾⢪׏גرغحؚ׃ג׫ג ֻ׌ְׁ 醱꧟זךדծ؟ٝفٕ،فٔד׮ ת׌㸣樴חכ⹛ְגֶ׵׆姻湫穠圓㣐㢌

歗⫷ך铣׫鴥׫ ˖ فؚٖٗحءـؿ؍٦س؎ٝ  ַ׏ְְֿؿؑ٦س؎ٝ ˖ ⱖ溪ך植⫷Ⳣ椚⚥ךفٔٝة  ׫׋ְחז׷ ˖ ،صً٦ءّٝך劍꟦כ歗⫷铣 ׫鴥׫ך㜥さ 
ꞿ׭חׅ׷

歗⫷ך铣׫鴥׫ "1*-FWFM *NBHF7JFXTFU$PMPS'JMUFS׾⢪ֲ $PMPS'JMUFSחכTFU4BUVSBUJPO ًاحسָ֮׷ךדծ ׉׸׾،صً٦ءّٝךؿٖ٦ي׀החㄎן⳿ׅ ﬁnal ObservableColorMatrix cm =
new ObservableColorMatrix(); ObjectAnimator saturation = ObjectAnimator.ofFloat(cm, ObservableColorMatrix.SATURATION, 0f, 1f); saturation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator valueAnimator) { imageView.setColorFilter(new ColorMatrixColorFilter(cm)); } }); 1MBJEך؝٦س״׶ ؟ٝفٕⰻ"OJNBUPS6UJMTKBWB

歗꬗鼂獳 ˖ وذٔ،ٕرؠ؎ٝדכ넝䏝׾  㢌ִ׷ֿהח״׏ג  鋵銲稆ַ׵㶨銲稆חؿؓ٦ؕأך 㢌⻉׾爙ׅ ˖ وذٔ،ٌٕ٦ءّٝ刼简׾ⵃ欽 ׅ׷ 䕦ָ׌׿׌׿慬ֻז׷

歗꬗鼂獳 "1*-FWFM ˖ ؕأةي5SBOTJUJPOⰻד&MFWBUJPO׾ 0CKFDU"OJNBUPSד㢌⻉ׇׁג֮־׸ל0, @Override public Animator createAnimator(ViewGroup sceneRoot,
TransitionValues startValues, TransitionValues endValues) { return ObjectAnimator.ofFloat(endValues.view, View.TRANSLATION_Z, initialElevation, ﬁnalElevation); } ؟ٝفٕⰻ-JGU05SBOTJUJPOKBWB 1MBJEך؝٦س״׶

ؖ؎سٓ؎ٝⰻך铡僇ׅ׷鿇ⴓ Ⰻ鿇鋅׸ת׃׋ ˖ وذٔ،ٕرؠ؎ٝ ˖ 넝䏝הءٍسؐ ˖ ٌ٦ءّٝ ˖ 竰竲儗꟦ה؎٦آؚٝ
˖ 麊⹛ ˖ ؝ؚٖؔٓؿ؍ ˖ ػة٦ٝ ˖ 歗⫷ך铣׫鴥׫ ˖ 歗꬗鼂獳

"OESPJE劢弫ך畭劣פך㼎䘔 ˖ "OESPJE"1*-FWFM ˖ "OESPJEךتحءُن٦سח״׷ה  ךِ٦ؠ٦ָ"OESPJE⟃♳ ˖ 갫锃ח㟓ִגְ׷ %BUBDPMMFDUFEEVSJOHBEBZQFSJPEFOEJOHPO'FCSVBSZ
%BTICPBSETIUUQTEFWFMPQFSBOESPJEDPNBCPVUEBTICPBSETJOEFYIUNM 植㖈ך朐屣

"OESPJE劢弫ך畭劣פך㼎䘔 ˖ "OESPJE劢弫ךِ٦ؠ٦דכ  ،صً٦ءׇׁّٝזְ ˖ ؟٦سػ٦ذ؍ך  ♴⡘✼䳔ٓ؎ـٓٔ׾ⵃ欽ׅ׷ ˖ "OESPJE劢弫׾镘׭׷

"OESPJE劢弫׾镘׭׷ ˖ 嚊銲 ˖ NJO4EL7FSTJPOחׅ׷ ˖ "OESPJE劢弫דכ؎ٝأز٦ٕדֹזֻׅ׷ ˖ ًٔحز ˖
㹋鄲׃װֻׅז׷ ˖ رًٔحز ˖ ׉׸ז׶חِ٦ؠ٦ָ㽿׷ 㛇劤涸ח植朐דכַז׶ꨇ׃ְ

"OESPJE劢弫ךِ٦ؠ٦דכ  ،صً٦ءׇׁّٝזְ ˖ 嚊銲 ˖ "OESPJEךغ٦آّٝח״׏גJG俑זודⴓ䀄ׇׁ׷ ˖ 4VQQPSU-JCSBSZזודדֹ׸ל׉׸׾⢪ֲ ˖ ًٔحز
˖ ׉׿זח㹋鄲؝أزכ넝ֻזְ ˖ رًٔحز ˖ ♧鿇ךِ٦ؠ٦דכ⡤꿀ָ殯ז׷ 㧅䔲זٓ؎ַٝ׮

؟٦سػ٦ذ؍ך ♴⡘✼䳔ٓ؎ـٓٔ׾ⵃ欽ׅ׷ ˖ 嚊銲 ˖ ؟٦سػ٦ذ؍ךٓ؎ـٓٔ׾⢪ֲ ˖ ًٔحز ˖ Ⰻגךِ٦ؠ٦ד،صً٦ءّٝ〳腉
˖ رًٔحز ˖ 稢ְַ⹛ָֹ殯ז׏׋׶ծزٓـٕחז׏׋׶ծ  ׉ך㜥さח儗꟦׾《׵׸ג׃תֲֿהָ֮׷ غٓٝأ葺ֻ《׶Ⰵ׸גְֻה葺ׁ׉ֲ

תה׭ ˖ ،صً٦ءّٝכꅾ銲דׅ ˖ ؖ؎سٓ؎ٝה㹋鄲׾鋅גְֹת׃׋ ˖ ؟ٝفٕ،فٔך؝٦س鋅ג׫גֻ׌ְׁ ˖ 4IBSFE&MFNFOU5SBOTJUJPOח״׷㹋鄲ָ㢳ְדׅ ˖
عو׶וֿ׹ָ㢳ְדָׅծثٍٖٝآ׃ג׫גֻ׌ְׁ ˖ "OESPJE劢弫ך㼎䘔חאְגכծ搀椚׃גⰋגך04ד  ⹛ַׁזֻג׮葺ְַ׮׃׸תׇ׿ ˖ وذٔ،ٕرؠ؎ٝך،صً٦ءّٝכדֹתׅ ˖ NBUFSJBMFMFNFOU IUUQHJUJPFMFNFOU ׾(JU)VCד  4UBS׃גֻ׌ְׁ

5IBOLT ˖ %FTJHOFSTPSBTIJO  IUUQTHJUIVCDPNTPSBTIJO ˖ 1MBJE  IUUQTHJUIVCDPNOJDLCVUDIFSQMBJE ˖ "OESPJE0QFO4PVSDF1SPKFDU  IUUQTTPVSDFBOESPJEDPNTPVSDFMJDFOTFTIUNM
˖ %SPJE,BJHJPDJBM"OESPJEBQQ  IUUQTHJUIVCDPN%SPJE,BJHJDPOGFSFODFBQQ

How to implement material design animation droid girls version

How to implement material design animation droid girls version

More Decks by takahirom

Other Decks in Programming

Featured

Transcript