Android中的Drawable基礎與自定義Drawable
阿新 • • 發佈：2019-02-04
本文要點：
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 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和minLevelLevel的範圍為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的靜態向量圖
- 採用標籤
vectorvector中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();