APP開發(fā)實戰(zhàn)95-動態(tài)Vector基礎(chǔ)

24.5Vector動態(tài)圖的使用

24.5.1動態(tài)Vector基礎(chǔ)

動態(tài)的Vector需要通過animated-vector標(biāo)簽來進(jìn)行實現(xiàn)访锻,它就像一個粘合劑渣淤,將控件與Vector圖像粘合在了一起恭取,一個基礎(chǔ)的animated-vector代碼如下所示:


Android="http://schemas.android.com/apk/res/android"

android:drawable="@drawable/vector_drawable">

android:name="star"

android:animation="@animator/star_anim" />

目標(biāo)圖像是drawable//vector_drawable,name屬性节吮,就是在靜態(tài)Vector圖像中g(shù)roup或者path標(biāo)簽的name屬性残邀。

目標(biāo)圖像:

android:width="500px"

android:height="500px"

android:viewportHeight="500"

android:viewportWidth="500">

android:name="star_group"

android:scaleX="5.0"

android:scaleY="5.0">

android:name="star"

android:pathData="M50.0,90.0 L 82.9193546357,27.2774101308 L 12.5993502926,35.8158045183 L59.5726265715,88.837672697 L 76.5249063296,20.0595700732 L10.2916450361,45.1785327898 L 68.5889268818,85.4182410261 L68.5889268818,14.5817589739 L 10.2916450361,54.8214672102 L76.5249063296,79.9404299268 L 59.5726265715,11.162327303 L12.5993502926,64.1841954817 L 82.9193546357,72.7225898692 L 50.0,10.0 L17.0806453643,72.7225898692 L 87.4006497074,64.1841954817 L40.4273734285,11.162327303 L 23.4750936704,79.9404299268 L89.7083549639,54.8214672102 L 31.4110731182,14.5817589739 L31.4110731182,85.4182410261 L 89.7083549639,45.1785327898 L23.4750936704,20.0595700732 L 40.4273734285,88.837672697 L87.4006497074,35.8158045183 L 17.0806453643,27.2774101308 L 50.0,90.0Z"

android:strokeColor="@color/colorAccent"

android:strokeWidth="2" />

這里的Vector圖像比之前的要多了一個group標(biāo)簽。group標(biāo)簽的作用有兩個:

對Path進(jìn)行分組萨赁,由于后面需要針對Path進(jìn)行動畫弊琴,所以可以讓具有同樣動畫效果的Path在同一個Group中

拓展動畫效果,單個的path標(biāo)簽是沒有translateX和translateY屬性的杖爽,因此無法使用屬性動畫來控制pathtranslateY敲董,而group標(biāo)簽是有的,所以我們需要先將相關(guān)的path標(biāo)簽元素包裹在一個個的group標(biāo)簽中慰安。

動畫效果star_anim.xml腋寨,就是基礎(chǔ)的屬性動畫:


android:duration="5000"

android:propertyName="trimPathStart"

android:repeatCount="infinite"

android:repeatMode="restart"

android:valueFrom="1"

android:valueTo="0"/>

android:duration="5000"

android:propertyName="strokeColor"

android:repeatCount="infinite"

android:repeatMode="restart"

android:valueFrom="@color/colorAccent"

android:valueTo="@color/colorPrimaryDark" />

在代碼中使用:

ImageViewimageView = (ImageView) findViewById(R.id.image_view);

Drawable drawable = imageView.getDrawable();

//AnimatedVectorDrawableCompat實現(xiàn)了Animatable接口

if (drawable instanceof Animatable){

((Animatable) drawable).start();

}

參考;http://blog.csdn.net/eclipsexys/article/details/51838119

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市化焕,隨后出現(xiàn)的幾起案子萄窜,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件查刻,死亡現(xiàn)場離奇詭異番宁,居然都是意外死亡,警方通過查閱死者的電腦和手機赖阻,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進(jìn)店門蝶押,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人火欧,你說我怎么就攤上這事棋电。” “怎么了苇侵?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵赶盔,是天一觀的道長。 經(jīng)常有香客問我榆浓,道長于未,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任陡鹃,我火速辦了婚禮烘浦,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘萍鲸。我一直安慰自己闷叉,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布脊阴。 她就那樣靜靜地躺著握侧,像睡著了一般。 火紅的嫁衣襯著肌膚如雪嘿期。 梳的紋絲不亂的頭發(fā)上品擎,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天,我揣著相機與錄音备徐,去河邊找鬼萄传。 笑死,一個胖子當(dāng)著我的面吹牛坦喘,可吹牛的內(nèi)容都是我干的盲再。 我是一名探鬼主播,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼瓣铣,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了贷揽?” 一聲冷哼從身側(cè)響起棠笑,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎禽绪,沒想到半個月后蓖救,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體洪规,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年循捺,在試婚紗的時候發(fā)現(xiàn)自己被綠了斩例。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡从橘,死狀恐怖念赶,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情恰力,我是刑警寧澤叉谜,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站踩萎,受9級特大地震影響停局,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜香府,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一董栽、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧企孩,春花似錦裆泳、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蝗柔,卻和暖如春闻葵,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背癣丧。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工槽畔, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人胁编。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓厢钧,卻偏偏與公主長得像,于是被迫代替她去往敵國和親嬉橙。 傳聞我的和親對象是個殘疾皇子早直,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,446評論 2 348

推薦閱讀更多精彩內(nèi)容