Support Vector Drawable

4VQQPSU7FDUPS%SBXBCMF UBLBIJSPN

ࣗ෼ʹ͍ͭͯ w UBLBIJSPN !OFX@SVOOBCMF ͱ͍͏໊લͰ5XJUUFS ͱ͔΍͍ͬͯ·͢ w "OESPJE͕޷͖Ͱ͢ w 2JJUBͱ͔࣌ʑॻ͍ͯ·͢

4VQQPSU-JCSBSZ w ϦϦʔε͞Ε·ͨ͠Ͷʂ w "OESPJE%FWFMPQFS#MPHͰҰ൪࠷ॳʹ঺հ͞Εͯ ͍ͨͷ͕4VQQPSU7FDUPS%SBXBCMFTͱ"OJNBUFE 7FDUPS%SBXBCMFTͰͨ͠

4VQQPSU-JCSBSZ w "QQ$PNQBU-JCSBSZࣗମ΋7FDUPS%SBXBCMFରԠ ͓ͯ͠Γɺˋఔ౓খ͘͞ͳͬͨΑ͏Ͱ͢

7FDUPS%SBXBCMFͱ͸

7FDUPS%SBXBCMFͱ͸ w ϕΫτϧܗࣜͷσʔλʹΑΔ%SBXBCMF w WFDUPSλάͰهड़͢Δ

47( 4DBMBCMF7FDUPS(SBQIJDT ܗࣜͷσʔλ w ύεσʔλ ϕΫτϧܗࣜͷσʔλ ʹΑͬͯܗ ͕࡞ΒΕͯը૾ʹͳΔ

ύεσʔλʹ͍ͭͯ w ΞϧϑΝϕοτͰ۠੾ͬͯΈΔͱͳΜͱͳ͘ҙຯ͕ Θ͔Δ

ύεσʔλʹ͍ͭͯ ஌͓͍ͬͯͯଛ͸ͳ͍Ͱ͕͢ɺجຊతʹύεσʔλ͸ ΠϥϨͳͲ͔Βॻ͖ग़ͨ͠Γɺ(PPHMFͷ*DPOΛͦͷ· ·ར༻͢ΔͨΊɺ஌Βͳͯ͘΋େৎ෉Ͱ͢ɻ IUUQTXXXXPSH5347(QBUITIUNM 8$ͷαΠτʹ໌֬ͳఆ͕ٛ͋ΓࢀߟʹͳΓ·͢

BOESPJEXJEUI BOESPJEIFJHIU ͜ͷ%SBXBCMFͷେ͖͞Λઃఆ͢Δ 7JFXʹXSBQ@DPOUFOUͨ͠ͱ͖ʹදࣔ͢Δେ͖͞

BOESPJEWJFXQPSU)FJHIU BESPJEWJFXQPSU8JEUI ύεͷσʔλ͕ඳը͞ΕΔΩϟϯόεͷେ͖͞

௥Ճํ๏ w %SBXBCMFϑΥϧμͰӈΫϦοΫͯ͠7FDUPS"TTFU Ͱ௥ՃͰ͖·͢ɻ

7FDUPS%SBXBCMFͷϝϦοτ

ϝϦοτ֦େͯ͠΋ ߥ͘ͳΒͳ͍ w ௚ઢ΍ۂઢͳͲͷύεσʔλͰهड़͞Ε͍ͯΔͨΊ

ϝϦοτΞχϝʔγϣϯ Ͱ͖Δ w ࡾ֯ͷਤܗ͕࢛֯ʹมΘΓͳ͕ΒճΔ DIJVLJBOJNBUFEWFDUPSESBXBCMFΑΓ

ϝϦοτը૾ϑΝΠϧ͕ ҰͭͰࡁΉ w BQLαΠζ͕খ͘͞ͳΔ w ࠓ·Ͱ͍ͭ͘΋ը໘ີ౓ຖʹը૾Λ࡞͍ͬͯͨͷΛҰͭ Ͱྑ͘ͳΔͨΊɺσβΠφʔͷ޻਺͕࡟ݮͰ͖Δ %FW#ZUFT"OESPJE7FDUPS(SBQIJDTΑΓ

छྨͷ7FDUPS%SBXBCMFͷ ར༻ํ๏ w "1*-FWFMҎ্ͷ7FDUPS%SBXBCMF w Ұ൪ී௨ͷ΍ͭ w "OESPJE4UVEJPTVQQPSUGPS7FDUPS%SBXBCMF w "OESPJE4UVEJPʹΑΔΞϓϩʔν
w 7FDUPS%SBXCMF$PNQBU w 4VQQPSU-JCSBSZʹΑΔΞϓϩʔν

"1*-FWFMҎ্ͷ 7FDUPS%SBXBCMF w -PMMJQPQҎ߱ͷ04ʹී௨ʹ৐͍ͬͯΔ w ϝϦοτ w 7FDUPS%SBXBCMFͷػೳ͕ϑϧαϙʔ τ͞Ε͍ͯΔ w
σϝϦοτ w "1*-FWFMҎ্Ͱ͋Δඞཁ͕͋Δ ˠNJO4ELͳΒ͜ΕͰྑ͍ͱࢥ͍·͢

"OESPJE4UVEJPTVQQPSU GPS7FDUPS%SBXBCMF

"OESPJE4UVEJPTVQQPSU GPS7FDUPS%SBXBCMF w "OESPJE4UVEJPʙ CVJME5PPMT7FSTJPO ΑΓʁ w 7FDUPS%SBXCMF͕͋ͬͨΒίϯύΠϧ࣌ʹQOHϑΝ ΠϧΛੜ੒ͯ͘͠ΕΔ
w -PMMJQPQҎ߱Ͱ͸7FDUPS%SBXBCMFΛར༻͢Δ

"OESPJE4UVEJPTVQQPSU GPS7FDUPS%SBXBCMF w ϝϦοτ w QOHϑΝΠϧͳͷͰࠓ·ͰͱมΘΒͣʹදࣔ͞ΕΔ w σϝϦοτ w BQLαΠζ͕େ͖͘ͳΔ
w ΞχϝʔγϣϯͰ͖ͳ͍ w େ͖͕͞ҧ͏ͱߥ͘ͳΔ *NBHF7JFXͷXJEUIΛઃఆ͍ͯ͠Δ࣌ͳͲ w BBQUͱ͍͏Ϗϧυ࣌ʹ૸ΔϦιʔεΛॲཧ͢ΔίϚϯυ͕উखʹੜ੒͢ΔͱࢥΘΕΔ CVJME UPPMTΑΓBBQUίϚϯυʹOPWFSTJPOWFDUPSTͱ͍͏Φϓγϣϯ͕͋ΔͨΊ

4VQQPSU7FDUPS%SBXBCMF w "QQ$PNQBU"DUJWJUZͱ"QQ$PNQBUܥͷ7JFX͕ 7FDUPS%SBXCMF$PNQBUͱͯ͠όοΫϙʔτͯ͘͠ΕΔ w ϝϦοτ w "1*-FWFM͔ΒରԠ w σϝϦοτ
w ͏·͘ϦιʔεΛࢦఆ͢Δඞཁ͕͋Δ w Ξχϝʔγϣϯͷαϙʔτ͕׬ᘳͰͳ͍

छྨͷ7FDUPS%SBXBCMFͷ ར༻ํ๏·ͱΊ 7FDUPS%SBXCMF "OESPJE4UVEJP TVQQPSUGPS 7FDUPS%SBXBCMF 7FDUPS%SBXBCMF $PNQBU "1*-FWFM
੩ࢭը ˓ ˓ ˓ BQLαΠζ ˓ º ˓ Ξχϝʔγϣϯ ˓ º Ҏ্Ͱ͸˓ ˚ Ҏ্Ͱ͸˓ େ͖͞มߋ ˓ º Ҏ্Ͱ͸˓ ˓

4VQQPSU7FDUPS%SBXBCMF ಋೖํ๏

4VQQPSU7FDUPS%SBXBCMF ಋೖํ๏ w BBQUͷͨΊͷΦϓγϣϯॻ͘ w ˠ"OESPJE4UVEJPTVQQPSUGPS7FDUPS%SBXBCMFΛࢭΊΔͨΊͩͱࢥΘΕΔ (SBEMF1MVHJOҎલ BOESPJE\ EFGBVMU$POpH\ HFOFSBUFE%FOTJUJFT<>
^ BBQU0QUJPOT\ BEEJUJPOBM1BSBNFUFSTOPWFSTJPOWFDUPST ^ ^ (SBEMF1MVHJOҎ߱ BOESPJE\ EFGBVMU$POpH\ WFDUPS%SBXBCMFTVTF4VQQPSU-JCSBSZUSVF ^ ^

dependencies͸ʁ 4VQQPSU7FDUPS%SBXBCMF ಋೖํ๏ EFQFOEFODJFT\ DPNQJMFbDPNBOESPJETVQQPSUTVQQPSUWFDUPSESBXBCMF ^

dependencies͸ʁ appcompat-v7ʹ͍ͭͯ͘ΔΑ͏ͳͷͰඞཁͳ͠ʂ 4VQQPSU7FDUPS%SBXBCMF ಋೖํ๏ EFQFOEFODJFT\ DPNQJMFbDPNBOESPJETVQQPSUTVQQPSUWFDUPSESBXBCMF ^

ύλʔϯͷઃఆํ๏ ᶃBQQTSD$PNQBUʹΑΔํ๏ ᶄؒʹ%SBXBCMFΛڬΉํ๏

ᶃBQQTSD$PNQBUʹΑΔ ํ๏

ᶃBQQTSD$PNQBUʹΑΔ ํ๏ <ImageView  android:layout_width="wrap_content"  android:layout_height="wrap_content"  app:srcCompat=“@drawable/ic_arrow_back_black_24dp" android:tint="?colorPrimaryDark" /> BOESPJETSDͰ͸ͳ͘ BQQTSD$PNQBUͰࢦఆ͢Δ
ˡUJOU΋ઃఆՄೳ

ᶃBQQTSD$PNQBUʹΑΔ ํ๏ w "QQ$PNQBU"DUJWJUZ΍DIFFTFTRVBSFΛ࡞͍ͬͯΔ $ISJT#BOFT͞Μ͍Θ͘ w l*U`TJOUFOEFEUPCFBSFQMBDFNFOUGPS BOESPJETSDXIJDIZPVDBOTBGFMZVTFGPSOPO WFDUPSBTTFUTUPPz"QQ$PNQBUW "HFPGUIFWFDUPSTΑΓ w
7FDUPSը૾͡Όͳ͍σʔλ΋҆શʹ࢖͑Δ BOESPJETSDͷ୅ସ͑ͱͯ͠࡞ΒΕͨʂ

ᶃBQQTSD$PNQBUʹΑΔ ํ๏ BOESPJݱࡏ"OESPJE4UVEJP্Ͱ BQQTSD$PNQBUΛ࢖͏ͱ-JOUΤϥʔ͕ग़Δ͜ͱ͕͋Δ ˠ"041ͷJTTVF্Ͱ'VUVSF3FMFBTFʹͳ͍ͬͯΔͷͰ ͦͷ͏࣏ͪΔͱࢥΘΕΔͷͰؾʹ͠ͳ͍ IUUQTDPEFHPPHMFDPNQBOESPJEJTTVFTEFUBJM JE

ᶄؒʹ%SBXBCMFΛڬΉ ํ๏

ᶄؒʹ%SBXBCMFΛڬΉ ํ๏ w ؒʹ4UBUF-JTU%SBXBCMF΍*OTFU%SBXBCMFͳͲ͕ೖͬ ͍ͯΕ͹BQQTSD$PNQBUͰࢦఆ͠ͳͯ͘΋0, drawable/selector.xml <?xml version="1.0" encoding="utf-8"?>  <selector
xmlns:android=“…”>  <item android:drawable="@drawable/ ic_android_black_24dp"/>  </selector> layout/layout.xml <ImageView  android:id="@+id/image"  android:src="@drawable/selector"  android:layout_width="wrap_content"  android:layout_height="wrap_content"/>

ͲͪΒΛ࢖͏΂͖͔ʁ w ෆཁͳΫϥογϡΛආ͚ΔͨΊɺBQQTSD$PNQBUΛ جຊతʹར༻͍ͯ͘͠ํ਑͕ྑ͍ͱࢥ͍·͢ɻ w ͨͩ5FYU7JFXͷBOESPJEESBXBCMF3JHIUͳͲ TSD$PNQBUΛར༻͢Δ͜ͱ͕Ͱ͖ͳ͍৔ॴ͸ؒʹ %SBXBCMFΛڬΉํ๏ΛऔΔͷ͕ྑ͍ͱࢥ͍·͢ɻ

࢓૊Έʹ͍ͭͯ w ͲͷΑ͏ʹ"QQ$PNQBU*NBHF7JFX͕ࠩ͠ࠐ·Ε Δʁ w BQQTSD$PNQBU͸ͲͷΑ͏ʹదԠ͞ΕΔʁ w ؒʹ%SBXBCMFΛڬΉͱͲ͏ͯ͠େৎ෉ʁ w ͜͜ʹॻ͖·ͨ͠
w IUUQRJJUBDPNUBLBIJSPNJUFNT DGBEFD

ύϑΥʔϚϯε

"041಺ʹύϑΥʔϚϯεܭଌͬΆ͍ςετ ༻ͷΫϥε͕͋ΓɺͦΕΛ͍ͬͯ͡࡞ͬͯΈ ·ͨ͠ ˞ܰ͘ଌͬͯΈ͚ͨͩͰ͢͜͏΍ͬͯܭଌ ͢Δͱྑ͍ͳͲ͕͋Ε͹ޙͰڭ͑ͯԼ͍͞ IUUQTHJUIVCDPNUBLBIJSPN7FDUPS%SBXBCMF1FSGPSNBODF

"1*-FWFMҎ্ͩͱׂͱ଎͍ /FYVT9 4VQQPSU7FDUPS%SBXBCMF த਎͸7FDUPS%SBXBCMF TFU*NBHF3FTPVSDF NT
NT #JUNBQ TFU*NBHF3FTPVSDF NT NT NT ը૾Ұݸ͋ͨΓͷ࣌ؒ

4VQQPSU7FDUPS%SBXBCMF ׂͱ஗͍ 40& 4VQQPSU7FDUPS%SBXBCMF TFU*NBHF3FTPVSDF NT NT
NT #JUNBQ TFU*NBHF3FTPVSDF NT NT NT ը૾Ұݸ͋ͨΓͷ࣌ؒ

4VQQPSU7FDUPS%SBXBCMF ͪΐͬͱ஗͍໰୊ ମײͰ͸ؾʹͳΓ·ͤΜ ࠷৽ͷ୺຤Ͱ͸ͦΜͳʹ͕͔͔࣌ؒΒͳ͍Α ͏Ͱ͢ɻ"OESPJEܥͷγΣΞ৳ͼ͍ͯ·͢ ΋ͪΖΜ8FC͔Βऔͬͯ͘ΔΑΓ͸͔ͳΓ ଎͍Ͱ͢

4VQQPSU7FDUPS%SBXBCMF ͪΐͬͱ஗͍໰୊ 7FDUPS%SBXBCMFͷެࣜͷಈըͰ͸ ύε͸γϯϓϧʹ͓ͯ͘͠ͱྑ͍ খ͍͞αΠζʹ੍ݶ͢Δͱྑ͍ ͱ͍͏͜ͱͰͨ͠ɻ IUUQTXXXZPVUVCFDPNXBUDI WXM'7**TU,N" %FW#ZUFT"OESPJE7FDUPS(SBQIJDTΑΓ

"OJNBUFE7FDUPS%SBXCMF $PNQBU

"OJNBUFE7FDUPS%SBXCMF $PNQBU w "1*-FWFM͔Βར༻Ͱ͖Δ w BOJNBUFEWFDUPSΛ࢖͏

"OJNBUFE7FDUPS%SBXCMF ͷ࢖͍ํ

BOJNBUFEWFDUPSΛ༻ҙ͢Δ <?xml version="1.0" encoding="utf-8"?>  <animated-vector   xmlns:android=“…”  android:drawable="@drawable/vectordrawable" >  <target 
android:name="rotationGroup"  android:animation="@anim/rotation" />  </animated-vector>

7FDUPS%SBXBCMFͱ PCKFDU"OJNBUPSΛ༻ҙ͢Δ <?xml version="1.0" encoding="utf-8"?>  <animated-vector   xmlns:android=“…”  android:drawable="@drawable/vectordrawable" > 
<target  android:name="rotationGroup"  android:animation="@anim/rotation" />  </animated-vector> <vector xmlns:android=“…”  android:height="64dp"  android:width="64dp"  android:viewportHeight="600"  android:viewportWidth="600" >  <group  android:name="rotationGroup"  android:pivotX="300.0"  android:pivotY="300.0"  android:rotation="45.0" >  <path  android:name="v"  android:fillColor="#000000"  android:pathData="M300,70 …” /> </group>  </vector> BOJNBUFEWFDUPS WFDUPSESXBCMFYNM <objectAnimator  xmlns:android=“…”  android:duration="6000"  android:propertyName="rotation"  android:valueFrom="0"  android:valueTo="360"/>

໊લΛἧ͑ͯԿΛΞχϝʔγϣϯ͢Δ ͔ࢦఆ͢Δ <?xml version="1.0" encoding="utf-8"?>  <animated-vector   xmlns:android=“…”  android:drawable="@drawable/ vectordrawable"
>  <target  android:name="rotationGroup"  android:animation="@anim/rotation" />  </animated-vector> <vector xmlns:android=“…”  android:height="64dp"  android:width="64dp"  android:viewportHeight="600"  android:viewportWidth="600" >  <group  android:name="rotationGroup"  android:pivotX="300.0"  android:pivotY="300.0"  android:rotation="45.0" >  <path  android:name="v"  android:fillColor="#000000"  android:pathData="M300,70 …” /> </group>  </vector> BOJNBUFEWFDUPS WFDUPSESXBCMFYNM <objectAnimator  xmlns:android=“…”  android:duration="6000"  android:propertyName="rotation"  android:valueFrom="0"  android:valueTo="360"/>

Ξχϝʔγϣϯͤ͞Δ ಈ͘Α͏ʹ͢Δʹ͸*NBHF7JFXͳͲʹBQQTSD$PNQBUͰ 7FDUPS%SBXBCMFΛηοτͯ͠ҎԼͷΑ͏ʹ͢Δ %SBXBCMFESBXBCMFJNBHF7JFXHFU%SBXBCMF JG ESBXBCMFJOTUBODFPG"OJNBUBCMF \
"OJNBUBCMF ESBXBCMF TUBSU ^

"OJNBUFE7FDUPS%SBXCMF $PNQBUͷ੍ݶ w ˡͷࡾ͔֯Β࢛֯ʹมΘ͍ͬͯ͘Α͏ͳ ಈ͖l1BUI.PSQIJOHz͕ར༻Ͱ͖ͳ͍ w ଞʹ΋1BUI*OUFSQPMBUJPO΍.PWF BMPOHQBUI͕ར༻Ͱ͖ͳ͍ͳͲͷ੍ݶ ͕͋Δ w
কདྷͷΞοϓσʔτͰͳΜͱ͔ͳΕ͹ɺɺ DIJVLJBOJNBUFEWFDUPSESBXBCMFΑΓ

ͦΕͰ΋Ϧονͳಈ͖Λ ͍ͤͨ͞ w PCKFDU"OJNBUPSͰUSJN1BUI&OE ͷϓϩύςΟΛมߋͤ͞Δ͜ͱͰ ઢͷ௕͞Λมߋͨ͠Γͯ͠͏·͘ Ͱ͖ΔΈ͍ͨͰ͢ w ͋ͱ͸େ͖͞มߋ΍ճసͰؤுΔ ײ͡Ͱ͢
IUUQTHJUIVCDPNMFXJTNDHFBSZ"OJNBUFE7FDUPS%SBXBCMF$PNQBUQMBZ UPSFTFUCVUUPO

·ͱΊ 7FDUPS%SBXBCMF࠷ߴͰ͢ɻ BQQTSD$PNQBUΛ࢖͏Α͏ʹ͠·͠ΐ͏ɻ ΋ͪΖΜϝϦοτɾσϝϦοτ͋Γ·͕͢ɺ BQLαΠζ΍YYYIEQJ΁ͷରԠ͕Ͱ͖Δͳ Ͳɺجຊతʹ͸ରԠͰ͍͍ͱࢥ͍·͢ɻ

Support Vector Drawable

Support Vector Drawable

More Decks by takahirom

Featured

Transcript