Android中的Drawable基礎與自定義Drawable
本文要點:
1. 介紹Android中Drawable的相關知識點,並且介紹如何自定義Drawable。
2. Drawable能實現縮放、漸變、逐幀動畫、靜態向量圖、向量圖動畫等功能
3. Drawable提供一種比自定義View更輕量級的解決辦法,用於實現特定的效果
4. 佈局使用xml
,程式碼採用kotlin/java
實現
Android的Drawable(36題)
版本:2018/2/11
個人總結的知識點外,部分知識點選自《Android開發藝術探索》-第六章 Drawable
1、Drawable是什麼?
- 一種可以在Canvas上進行繪製的抽象的概念
- 顏色、圖片等都可以是一個Drawable
- Drawable可以通過XML定義,或者通過程式碼建立
- Android中Drawable是一個抽象類,每個具體的Drawable都是其子類
2、Drawable的優點
- 使用簡單,比自定義View成本低
- 非圖片類的Drawable所佔空間小,能減小apk大小
3、Drawable的內部寬/高
- 一般
getIntrinsicWidth/Height
能獲得內部寬/高- 圖片Drawable其內部寬高就是圖片的寬高
- 顏色Drawable沒有內部寬高的概念
- 內部寬高不等同於它的大小,一般Drawable沒有大小概念(作為View背景時,會被拉伸至View的大小)
Drawable的分類
4、BitmapDrawable的作用和使用
表示一種圖片,可以直接引用原始圖片或者通過XML進行描述
<?xml version="1.0" encoding="utf-8"?>
<bitmap
xmlns:android="http://schemas.android.com/apk/res/android"
android:src="@color/colorPrimary"
android:antialias="true"
android:dither="true"
android:filter ="true"
android:gravity="center"
android:mipMap="false"
android:tileMode="disabled"
/>
5、Bitmap的屬性
屬性 | 作用 | 備註 |
---|---|---|
android:src | 圖片資源ID | |
android:antialias | 圖片抗鋸齒-圖片平滑,清晰度降低 | 應該開啟 |
android:dither | 開啟抖動效果-用於高質量圖片在低質量螢幕上儲存較好的顯示效果(不會失真) | 應該開啟 |
android:filter | 開啟過濾-在圖片尺寸拉伸和壓縮時保持較好的顯示效果 | 應該開啟 |
android:gravity | 圖片小於容器尺寸時,對圖片進行定位-選項之間用‘ | ’來組合使用 |
android:mipMap | 紋理對映-影象處理技術 | 預設false |
android:tileMode | 平鋪模式-repeat單純重複、mirror鏡面反射、clamp圖片四周畫素擴散 | 預設disable關閉 |
6、gravity屬性詳情
可選項 | 含義 |
---|---|
top/bottom/left/right | 將圖片放在容器上/下/左/右,不改變圖片大小 |
center_vertical/horizontal | 垂直居中/水平居中,不改變圖片大小 |
center | 水平和垂直方向同時居中,不改變圖片大小 |
fill_vertical/horizontal | 垂直/水平方向填充容器 |
fill | 水平和垂直方向同時填充容器 |
clip_vertical/horizontal | 垂直/水平方向的裁剪-較少使用 |
7、NinePatchDrawable(.9圖片)的作用
- 自動根據寬高進行縮放且不會失真
- 實際使用,可以直接引用圖片或者通過XML描述
<?xml version="1.0" encoding="utf-8"?>
<nine-patch
xmlns:android="http://schemas.android.com/apk/res/android"
android:src="@color/colorPrimary"
android:antialias="true"
android:dither="true"
android:filter="true"
android:gravity="center"
android:mipMap="false"
android:tileMode="disabled"
/>
8、ShapeDrawable的作用
- 通過顏色構造的圖形
- 可以是純色的圖形
- 也可以是有漸變效果的圖形
shape
標籤建立的Drawable實體是GradientDrawable
9、ShapeDrawable的使用
<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners
android:radius="10dp"
android:topLeftRadius="10dp"
android:topRightRadius="10dp"
android:bottomLeftRadius="10dp"
android:bottomRightRadius="10dp"/>
<gradient
android:angle="45"
android:centerX="30"
android:centerY="30"
android:centerColor="@color/colorAccent"
android:endColor="@color/colorPrimary"
android:startColor="@color/colorPrimaryDark"
android:gradientRadius="20"
android:type="linear"
android:useLevel="true" />
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp" />
<size
android:width="200dp"
android:height="200dp" />
<solid
android:color="@color/colorPrimary"/>
<stroke
android:width="10dp"
android:color="@color/colorAccent"
android:dashWidth="5dp"
android:dashGap="3dp"/>
</shape>
10、ShapeDrawable的屬性介紹
屬性/標籤 | 作用 | 備註 |
---|---|---|
android:shape | 圖形的形狀:rectangle矩形、oval橢圓、line橫線、ring圓環 | corners 標籤對應於矩形;line和ring通過stroke 指定線的寬度和顏色; ring圓環有五個特殊的shape屬性 |
corners 標籤 |
四個角的角度 | |
gradient 標籤 |
漸變效果-android:angle表示漸變角度,必須為45的倍數 | android:type指明漸變型別:linear線性,radial徑向、sweep掃描 |
solid 標籤 |
純色填充 | 與gradient標籤排斥 |
stroke 標籤 |
描邊 | 有描邊線和虛線 |
size 標籤 |
表示shape的固有大小,並非最終顯示的大小 | 沒有時getIntrinsicWidth返回-1;能指明Drawable的固有寬高,但如果作為View背景還是會被拉伸 |
11、LayerDrawable的作用
- XML標籤為
layer-list
- 層次化的Drawable合集
- 可以包含多個
item
,每個item表示一個Drawable- item中可以通過
android:drawable
直接引用資源android:top
等表示Drawable相當於View上下左右的偏移量
12、LayerDrawable的使用(微信文字輸入框)
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<solid
android:color="#0ac39e"/>
</shape>
</item>
<item
android:bottom="6dp">
<shape android:shape="rectangle">
<solid
android:color="#FFFFFF"/>
</shape>
</item>
<item
android:bottom="1dp"
android:left="1dp"
android:right="1dp">
<shape android:shape="rectangle">
<solid
android:color="#FFFFFF"/>
</shape>
</item>
</layer-list>
13、StateListDrawable的作用
- 對應於
selector
標籤- 用於View根據狀態選擇不同的Drawable
14、StateListDrawable的使用和要點
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android"
android:constantSize="false" //StateListDrawable的固有大小是否根據狀態而改變,預設false=根據狀態而改變
android:dither="true" //是否開啟抖動-讓高質量圖片在低質量螢幕上依舊效果好,預設true開啟
android:variablePadding="false" //padding是否根據狀態的改變而改變,不建議開啟(false)
>
<item android:state_pressed="true" //Button被按下後卻沒有鬆開的狀態
android:drawable="@color/colorAccent"/>
<item android:state_focused="true" //View獲取了焦點
android:drawable="@color/colorPrimary"/>
<item android:state_selected="true" //使用者選擇了View
android:drawable="@color/colorPrimary"/>
<item android:state_checked="true" //使用者選中了View,一般用於CheckBox這類在選中和沒有選中狀態之間切換的View
android:drawable="@drawable/ic_launcher_background"/>
<item android:state_enabled="true" //View處於可用狀態
android:drawable="@drawable/ic_launcher_foreground"/>
<item android:drawable="#FFFFFF"/> //預設Drawable: 按順序向下匹配,需要放在最下方,因為可以匹配任何狀態
</selector>
15、LevelListDrawable的作用
- 對應於
level-list
標籤- 擁有多個item,每個item都有
maxLevel
和minLevel
Level
的範圍為0~10000
- 給定level後,會按
從上至下
的順序匹配,直到找到範圍合適的Drawable,並返回- item的level一定要降序或者升序
- 呼叫View的
getBackground
獲得Drawable物件,並呼叫setLevel
設定等級level
- ImageView的
setImageLevel()
能快速指定src
引用的Drawable的Level
- LevelListDrawable是根據
level
改變,選擇不同的Drawable,能用於實現進度條、音量調節等等
16、LevelListDrawable的使用
<?xml version="1.0" encoding="utf-8"?>
<level-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:minLevel="0" android:maxLevel="10" android:drawable="@drawable/d1" />
<item android:minLevel="11" android:maxLevel="20" android:drawable="@drawable/d2" />
<item android:minLevel="21" android:maxLevel="30" android:drawable="@drawable/d3" />
<item android:minLevel="31" android:maxLevel="40" android:drawable="@drawable/d4" />
</level-list>
17、TransitionDrawable的作用
- 對應於
transition
標籤- 實現兩個Drawable之前的淡入淡出效果
- 獲得背景的
TransitionDrawable
後,通過startTransition
和reverseTransition
方法實現效果和逆過程
18、TransitionDrawable的使用
<?xml version="1.0" encoding="utf-8"?>
<transition xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/transition_drawable"
android:drawable="@drawable/ic_launcher"
android:top="10dp" //四周的偏移量
android:bottom="10dp"
android:right="10dp"
android:left="10dp"/>
<item android:drawable="@drawable/ic_launcher_round" />
</transition>
19、InsetDrawable的作用和使用
- 對應
inset
標籤- 將其他Drawable內嵌到自身,並在四周留出間距
- View需要背景比自己實際區域要小的時候,可以使用
inset
,layer-list
也可以實現該需求
<inset xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/ic_launcher"
android:insetTop="10dp"
android:insetBottom="10dp"
android:insetLeft="10dp"
android:insetRight="10dp">
</inset>
20、ScaleDrawable的作用
- 對應於
scale
標籤- 根據自己的等級
level
(0~10000)將指定的Drawable縮放到一定比例android:scaleHeight="70%"
用於指定寬高的縮放比例=為原來的30%
- ScaleDrawable的
level
為0,不可見。為10000時,不縮放。- 一般將
level
設定為1
,就會按照屬性指定的比例縮放。其他值也會改變縮放效果。android:scaleGravity
屬性和gravity
屬性完全一致
21、ScaleDrawable的使用
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/ic_launcher"
android:scaleGravity="center"
android:scaleHeight="70%"
android:scaleWidth="70%">
</scale>
22、ClipDrawable的作用
- 對應於
clip
標籤- 根據自己當前的等級
level
(0~10000)來裁剪另一個Drawable- 裁剪方向由
clipOrientation
和gravity
屬性共同控制level
為0,Drawable不可見;10000表示不裁剪;為8000,表示裁減了2000;為1,表示裁剪了9999
23、ClipDrawable的gravity
可選項 | 含義 |
---|---|
top/bottom | 將圖片放在容器上/下。若為垂直裁剪 ,從另一頭開始裁剪;若為水平裁剪 ,則從水平方向左/右兩頭開始裁剪 |
left/right | 將圖片放在容器左/右。若為水平裁剪 ,從另一頭開始裁剪;若為垂直裁剪 ,則從垂直方向上/下兩頭開始裁剪 |
center_vertical/horizontal/center | 垂直居中/水平居中/兩個方向均居中。效果只與clipOrientation 有關:水平裁剪,左右兩頭開始裁剪;垂直裁剪,上下兩頭開始裁剪 |
fill_vertical/horizontal | 垂直/水平方向填充容器。gravity和orientation方向相同時,不裁剪;方向不同時,按照orientation的方向,從兩頭開始裁剪 |
fill | 水平和垂直方向同時填充容器,沒有裁剪效果 |
clip_vertical/horizontal | 效果類似center_center |
24、AnimationDrawable的作用
- 對應於
animation-list
標籤- 用於實現
逐幀動畫
效果android:oneShot
決定是迴圈播放還是播放一次,false:迴圈播放item
中設定一幀一幀的Drawable以及持續時間- AnimationDrawable的
setOneShot(boolean flag)
和android:oneShot
配置一樣addFrame (Drawable frame, int duration)
動態的新增一個圖片進入該動畫中stop()和start()
用於停止和開始/繼續播放,停止時會停留在當前一幀上
25、AnimationDrawable的使用
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<item android:drawable="@drawable/shake_anim_01" android:duration="100"/>
<item android:drawable="@drawable/shake_anim_02" android:duration="100"/>
<item android:drawable="@drawable/shake_anim_03" android:duration="100"/>
<item android:drawable="@drawable/shake_anim_04" android:duration="100"/>
<item android:drawable="@drawable/shake_anim_05" android:duration="100"/>
<item android:drawable="@drawable/shake_anim_06" android:duration="100"/>
<item android:drawable="@drawable/shake_anim_07" android:duration="100"/>
<item android:drawable="@drawable/shake_anim_08" android:duration="100"/>
<item android:drawable="@drawable/shake_anim_09" android:duration="100"/>
<item android:drawable="@drawable/shake_anim_10" android:duration="100"/>
</animation-list>
val imageview = findViewById<ImageView>(R.id.imaview)
(imageview.drawable as AnimationDrawable).start() //開始播放
27、ShapeDrawable的OvalShape、RectShape、ArcShape和PaintDrawable的作用和使用
- 用於獲得有
shape形狀
的drawable
(橢圓、長方形、扇形以及更為通用PaintDrawable-具有圓角和邊界)
/**===================================================
* 一個繼承自ShapeDrawable更為通用的Drawable:具有圓角
*====================================================*/
PaintDrawable drawable3 = new PaintDrawable(Color.GREEN);
drawable3.setCornerRadius(30);
findViewById(R.id.textView3).setBackgroundDrawable(drawable3);
/**============================================
* 通過Shape構造出相應的ShapeDrawable
*=============================================*/
//橢圓形形狀 : shape賦予ShapeDrawable
OvalShape ovalShape = new OvalShape();
ShapeDrawable drawable1 = new ShapeDrawable(ovalShape);
drawable1.getPaint().setColor(Color.BLUE);
drawable1.getPaint().setStyle(Paint.Style.FILL);
findViewById(R.id.textView1).setBackgroundDrawable(drawable1);
//矩形形狀 : shape賦予ShapeDrawable
RectShape rectShape = new RectShape();
ShapeDrawable drawable2 = new ShapeDrawable(rectShape);
drawable2.getPaint().setColor(Color.RED);
drawable2.getPaint().setStyle(Paint.Style.FILL);
findViewById(R.id.textView2).setBackgroundDrawable(drawable2);
//扇形、扇面形狀 : shape賦予ShapeDrawable
//順時針,開始角度30, 掃描的弧度跨度180
ArcShape arcShape = new ArcShape(30, 180);
ShapeDrawable drawable4 = new ShapeDrawable(arcShape);
drawable4.getPaint().setColor(Color.YELLOW);
drawable4.getPaint().setStyle(Paint.Style.FILL);
findViewById(R.id.textView4).setBackgroundDrawable(drawable4);
26、其餘Drawable及其功能
Drwable分類 | xml標籤 | 功能 |
---|---|---|
ColorDrawable | color |
純色Drawable |
RotateDrawable | rotate |
實現旋轉效果 |
RippleDrawable | ripple |
觸控反饋動畫,Andorid 5.0推出 |
VectorDrawable | vector 中使用path |
【繪製靜態圖】使用向量圖SVG, 能繪製一張圖就能適配不同解析度, Android 5.0推出 |
AnimatedVectorDrawable | animated-vector |
【動畫向量圖】針對VectorDrawable來做動畫, Android 5.0 |
AnimatedStateListDrawable | animated-selector |
【動畫型StateListDrawable】在View狀態改變時,展示動畫 |
自定義Drawable
27、自定義Drawable
- 一般作為ImageView的影象來顯示
- 另一個是作為View的背景
- 自定義Drawable主要就是實現
draw
方法setAlpha
、setColorFilter
、getOpacity
也需要重寫,但是模板固定- 當自定義Drawable有固定大小時(比如繪製一張圖片),需要重寫
getIntrinsicWidth()/getIntrinsicHeight()
方法(預設返回-1),會影響到View
的wrap_content
佈局- 內部固定大小不等於Drawable的實際區域大小,
getBounds
能獲得實際區域大小
28、自定義Drawable模板程式碼
class CustomDrawable(color: Int) : Drawable(){
var mPaint: Paint
init {
mPaint = Paint(Paint.ANTI_ALIAS_FLAG)
mPaint.color = color
}
override fun draw(canvas: Canvas) {
val rect = bounds
canvas.drawCircle(rect.exactCenterX(),
rect.exactCenterY(),
Math.min(rect.exactCenterX(), rect.exactCenterY()),
mPaint)
}
override fun setAlpha(alpha: Int) {
mPaint.alpha = alpha
invalidateSelf()
}
override fun setColorFilter(colorFilter: ColorFilter?) {
mPaint.colorFilter = colorFilter
invalidateSelf()
}
override fun getOpacity(): Int {
//not sure, so be safe
return PixelFormat.TRANSLUCENT
}
}
SVG向量圖
29、SVG是什麼?(Scalable Vetor Graphics)
- 可伸縮向量圖(Android 5.0推出)
- 定義用於網路的基於向量的圖形(在Web上應用非常廣泛)
- 使用XML格式定義圖形
- 影象縮放不會影響質量
- 全球資訊網聯盟標準(與DOM和XSL之類的W3C標準是一個整體)
30、SVG和Bitmap區別
- SVG是一個繪圖標準。
- Bitmap是通過每個畫素點上儲存色彩資訊來表示影象。
- SVG放大不會失真, Bitmap會失真。
- Bitmap需要為不同解析度設計多套圖表,SVG繪製一張圖就能適配不同解析度。
31、靜態向量圖SVG-VectorDrawable
- 基於XML的靜態向量圖
- 採用標籤
vector
vector
中path
是最小單位,建立SVG-用指令繪製SVG圖形vector
中group
將不同path
組合起來
32、VectorDrawable的vector
標籤有哪些屬性
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="200dp" // SVG的具體大小
android:height="200dp"
android:viewportWidth="100" //將寬度分為多少份,與path配合(50份等於100dp)
android:viewportHeight="100">
<group> //將不同`path`組合起來
<path //SVG樹形結構的最小單位,用指令繪製SVG圖形
android:name="path1" //該path的名稱
android:pathData="M 20,80 L 50,80 80,80"
android:strokeColor="@color/colorAccent"
android:strokeWidth="3"
android:strokeLineCap="round"/>
<path
.../>
</group>
</vector>
33、VectorDrawable的path
標籤的全部指令
指令 | 含義 |
---|---|
M = moveto(M X, Y) |
將畫筆移動到指定的座標位置,但並未繪製 |
L = lineto(L X, Y) |
畫直線到指定的座標位置 |
H = horizontal lineto(H X) |
畫水平線到指定X座標位置 |
V = vertical lineto(V Y) |
畫水平線到指定Y座標位置 |
C = curveto(C X1, Y1, X2, Y2, ENDX, ENDY) |
三次貝賽曲線 |
S = smooth curveto(S X2, Y2, ENDX, ENDY) |
三次貝賽曲線 |
Q = quadratic Belzier curve(Q X, Y, ENDX, ENDY) |
二次貝賽曲線 |
T = smooth quadratic Belzier curveTO(T ENDX, ENDY) |
對映前面路徑後的終點 |
A = elliptical Arc(A RX, RY, XROTATION, FLAG1, FLAG2, X, Y) |
弧線(RX/RY:橢圓半軸大小 XROTATION:橢圓X軸與水平方向順時針方向夾角) |
Z = closepath() | 關閉路徑 |
- 座標軸以(0, 0)為中心, X軸水平向右, Y軸水平向下
- 指令大寫-絕對定位,參考全域性座標系;指令小寫-相對定位,參考父容器座標系
- 指令和資料間空格可以省略
- 同一指令出現多次,可以只用一個。
- A的引數:RX/RY:橢圓半軸大小 XROTATION:橢圓X軸與水平方向順時針方向夾角 FLAG1:1-大角度弧線 0-小角度弧線 FLAG2:起點到終點的方向,1-順時針,2-逆時針 X/Y:終點座標
34、VectorDrawable例項
//1. 使用`vector`標籤定義向量圖VectorDrawable(ic_black_24dp.xml)
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24.0"
android:viewportHeight="24.0">
<group
android:name="test"> //該組的名稱:可以在AnimatedVectorDrawable中指定動畫效果
<path
android:fillColor="#FF000000"
android:pathData="M12,6c1.11,0 2,-0.9 2,-2 0,-0.38 -0.1,-0.73 -0.29,-1.03L12,0l-1.71,2.97c-0.19,0.3 -0.29,0.65 -0.29,1.03 0,1.1 0.9,2 2,2zM16.6,15.99l-1.07,-1.07 -1.08,1.07c-1.3,1.3 -3.58,1.31 -4.89,0l-1.07,-1.07 -1.09,1.07C6.75,16.64 5.88,17 4.96,17c-0.73,0 -1.4,-0.23 -1.96,-0.61L3,21c0,0.55 0.45,1 1,1h16c0.55,0 1,-0.45 1,-1v-4.61c-0.56,0.38 -1.23,0.61 -1.96,0.61 -0.92,0 -1.79,-0.36 -2.44,-1.01zM18,9h-5L13,7h-2v2L6,9c-1.66,0 -3,1.34 -3,3v1.54c0,1.08 0.88,1.96 1.96,1.96 0.52,0 1.02,-0.2 1.38,-0.57l2.14,-2.13 2.13,2.13c0.74,0.74 2.03,0.74 2.77,0l2.14,-2.13 2.13,2.13c0.37,0.37 0.86,0.57 1.38,0.57 1.08,0 1.96,-0.88 1.96,-1.96L20.99,12C21,10.34 19.66,9 18,9z"/>
</group>
</vector>
//2. 使用向量圖
<ImageView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:src="@drawable/ic_black_24dp"/>
35、向量圖動畫-AnimatedVectorDrawable
- 針對
靜態向量圖-VectorDrawable
來做動畫xml
標籤為animated-vector
- 在
target
子標籤下指明VectorDrawable
的名字(都是android:name="..."
屬性指明),並指定動畫效果android:animation="@animator/..."
36、AnimatedVectorDrawable例項
//1. 靜態向量圖-VectorDrawable(vector_two_line.xml)
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="200dp"
android:height="200dp"
android:viewportWidth="100"
android:viewportHeight="100">
<group>
<path
android:name="path1" //路徑1的名稱
android:pathData="M 20,80 L 50,80 80,80"
android:strokeColor="@color/colorAccent"
android:strokeWidth="3"
android:strokeLineCap="round"/>
<path
android:name="path2" //路徑2的名稱
android:pathData="M 20,20 L 50,20 80,20"
android:strokeColor="@color/colorAccent"
android:strokeWidth="3"
android:strokeLineCap="round"/>
</group>
</vector>
//2. 軌跡動畫效果-屬性動畫ObjectAnimator(res/animator/trimpath_animator)
<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:propertyName="trimPathEnd"
android:valueFrom="0"
android:valueTo="1"
android:valueType="floatType"
android:interpolator="@android:interpolator/accelerate_decelerate">
</objectAnimator>
//3. 粘合靜態SVG和屬性動畫:AnimatedVectorDrawable(vector_trimpath_anim.xml)
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/vector_two_line"> //靜態SVG
<target
android:animation="@animator/trimpath_animator" //屬性動畫
android:name="path1"> //靜態SVG中路徑1的名稱
</target>
<target
android:animation="@animator/trimpath_animator" //屬性動畫
android:name="path2"> //靜態SVG中路徑2的名稱
</target>
</animated-vector>
//4. 佈局中使用AnimatedVectorDrawable
<ImageView
android:id="@+id/trimpath_anim_imageview"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:src="@drawable/vector_trimpath_anim"/> //動畫向量圖
程式碼中開啟動畫:
ImageView imageView = (ImageView) findViewById(R.id.trimpath_anim_imageview);
((Animatable)imageView.getDrawable()).start();