轉(zhuǎn)載自Keegan小鋼并標明原文鏈接：http://keeganlee.me/post/android/20150916微信訂閱號：keeganlee_me寫于2015-09-16
Android樣式的開發(fā):shape篇Android樣式的開發(fā):selector篇Android樣式的開發(fā):layer-list篇Android樣式的開發(fā):drawable匯總篇Android樣式的開發(fā):View Animation篇Android樣式的開發(fā):Property Animation篇Android樣式的開發(fā):Style篇
Android有很多種drawable類型，除了前幾篇詳細講解的shape、selector夯巷、layer-list寓搬，還有上一篇提到的color饰潜、bitmap、clip蓉驹、scale列另、inset、transition往弓、rotate疏唾、animated-rotate、lever-list等等函似，本篇文章將匯總介紹所有剩下的drawable資源槐脏。
普通圖片
圖片是最常用的drawable資源，格式包括：png(推薦)撇寞、jpg(可接受)顿天、gif(不建議)。用圖片資源需要根據(jù)不同屏幕密度提供多張不同尺寸的圖片蔑担，它們的關(guān)系如下表：
密度分類
密度值范圍
代表分辨率
圖標尺寸
圖片比例

mdpi
120~160dpi
320x480px
48x48px
1

hdpi
160~240dpi
480x800px
72x72px
1.5

xhdpi
240~320dpi
720x1280px
96x96px
2

xxhdpi
320~480dpi
1080x1920px
144x144px
3

xxxhdpi
480~640dpi
1440x2560px
192x192px
4

本來還有一個ldpi的牌废，但現(xiàn)在這種小屏幕的設(shè)備基本滅絕了，所以不需要再考慮適配钟沛。如上表所示畔规，一套圖片一般需要提供5張不同比例的圖片。還好有切圖工具恨统，可以讓切圖變得簡單叁扫，這里推薦兩款：Cutterman和Cut&Slice me三妈，都是Photoshop下的插件，輸出支持android莫绣、ios和web三種平臺畴蒲。使用切圖工具雖然方便了，但還是無法避免一套圖片需要提供多張不同尺寸的圖片对室，這會加大安裝包的大小模燥。另外，需要對圖片做改動時掩宜，比如換個顏色蔫骂，必須更換所有尺寸圖片。所以牺汤，建議盡量減少引入圖片辽旋，而通過使用shape、layer-list等自己畫檐迟，易于修改和維護补胚，也減少了安裝包大小，適配性也更好追迟。
bitmap標簽
可以通過bitmap標簽對圖片做一些設(shè)置溶其，如平鋪、拉伸或保持圖片原始大小敦间，也可以指定對齊方式瓶逃。看看bitmap標簽的一些屬性吧：
android:src 必填項每瞒，指定圖片資源金闽，只能是圖片，不能是xml定義的drawable資源
android:gravity 設(shè)置圖片的對齊方式剿骨，比如在layer-list中代芜，默認會盡量填滿整個視圖，導(dǎo)致圖片可能會被拉伸浓利，為了避免被拉伸挤庇，就可以設(shè)置對齊方式，可取值為下面的值贷掖，多個取值可以用 | 分隔：
top 圖片放于容器頂部嫡秕，不改變圖片大小
bottom 圖片放于容器底部，不改變圖片大小
left 圖片放于容器左邊苹威，不改變圖片大小
right 圖片放于容器右邊昆咽，不改變圖片大小
center 圖片放于容器中心位置，包括水平和垂直方向，不改變圖片大小
fill 拉伸整張圖片以填滿容器的整個高度和寬度掷酗，默認值
center_vertical 圖片放于容器垂直方向的中心位置调违，不改變圖片大小
center_horizontal 圖片放于容器水平方向的中心位置，不改變圖片大小
fill_vertical 在垂直方向上拉伸圖片以填滿容器的整個高度
fill_horizontal 在水平方向上拉伸圖片以填滿容器的整個寬度
clip_vertical 附加選項泻轰，裁剪基于垂直方向的gravity設(shè)置技肩，設(shè)置top時會裁剪底部，設(shè)置bottom時會裁剪頂部浮声，其他情況會同時裁剪頂部和底部
clip_horizontal 附加選項虚婿，裁剪基于水平方向的gravity設(shè)置，設(shè)置left時會裁剪右側(cè)泳挥，設(shè)置right時會裁剪左側(cè)然痊，其他情況會同時裁剪左右兩側(cè)

android:antialias 設(shè)置是否開啟抗鋸齒

android:dither 設(shè)置是否抖動，圖片與屏幕的像素配置不同時會用到羡洁，比如圖片是ARGB 8888的玷过，而屏幕是RGB565

android:filter 設(shè)置是否允許對圖片進行濾波，對圖片進行收縮或者延展使用濾波可以獲得平滑的外觀效果

android:tint 給圖片著色筑煮，比如圖片本來是黑色的，著色后可以變成白色

android:tileMode 設(shè)置圖片平鋪的方式粤蝎，取值為下面四種之一：
disable 不做任何平鋪真仲，默認設(shè)置
repeat 圖片重復(fù)鋪滿
mirror 使用交替鏡像的方式重復(fù)圖片的繪制
clamp 復(fù)制圖片邊緣的顏色來填充容器剩下的空白部分，比如引入的圖片如果是白色的邊緣初澎，那么圖片所在的容器里除了圖片秸应，剩下的空間都會被填充成白色

android:alpha 設(shè)置圖片的透明度，取值范圍為0.0~1.0之間碑宴，0.0為全透明软啼，1.0為全不透明，API Level最低要求是11延柠，即Android 3.0

android:mipMap 設(shè)置是否可以使用mipmap祸挪，但API Level最低要求是17，即Android 4.2

android:autoMirrored 設(shè)置圖片是否需要鏡像反轉(zhuǎn)贞间，當布局方向是RTL贿条，即從右到左布局時才有用，API Level 19(Android 4.4)才添加的屬性

android:tileModeX 和tileMode一樣設(shè)置圖片的平鋪方式增热，只是這個屬性只設(shè)置水平方向的平鋪方式整以，這是API Level 21(Android 5.0)才添加的屬性

android:tileModeY 和tileMode一樣設(shè)置圖片的平鋪方式，只是這個屬性只設(shè)置垂直方向的平鋪方式峻仇，這是API Level 21(Android 5.0)才添加的屬性

android:tintMode 著色模式公黑，也是API Level 21(Android 5.0)才添加的屬性

點九圖片
點九圖片文件擴展名為：.9.png，通過點九圖片可以做局部拉伸，比如凡蚜，一張圓角矩形圖片奠骄，我們不想讓它的四個邊角都被拉伸從而導(dǎo)致模糊失真，使用點九圖就可以控制拉伸區(qū)域番刊，讓四個邊角保持完美顯示含鳞。效果如下圖：

color標簽
color標簽是drawable里最簡單的標簽了颖侄，只有一個屬性：android:color，指定顏色值享郊。這個標簽一般很少用览祖，因為基本都可以通過其他更方便的方式定義顏色。另外炊琉，顏色值一般都在colors.xml文件中定義展蒂，其根節(jié)點為resources又活。看看兩者的不同：
<color xmlns:android="http://schemas.android.com/apk/res/android" android:color="#FFFFFF" />

<resources> <color name="white">#FFFFFF</color></resources>

引用的時候锰悼，前一種通過@drawable/white引用柳骄，后一種通過@color/white引用。
inset標簽
使用inset標簽可以對drawable設(shè)置邊距箕般，其用法和View的padding類似耐薯，只不過padding是設(shè)置內(nèi)容與邊界的距離，而inset則可以設(shè)置背景drawable與View邊界的距離丝里。inset標簽的可設(shè)置屬性如下：
android:drawable 指定drawable資源曲初，如果不設(shè)置該屬性，也可以定義drawable類型的子標簽
android:visible 設(shè)置初始的可見性狀態(tài)杯聚，默認為false
android:insetLeft 左邊距
android:insetRight 右邊距
android:insetTop 頂部邊距
android:insetBottom 底部邊距
android:inset 設(shè)置統(tǒng)一邊距臼婆，會覆蓋上面四個屬性，但API Level要求為21幌绍，即Android 5.0

clip標簽
使用clip標簽可以對drawable進行裁剪颁褂，在做進度條時很有用。通過設(shè)置level值控制裁剪多少傀广，level取值范圍為0~10000颁独，默認為0，表示完全裁剪主儡，圖片將不可見奖唯；10000則完全不裁剪，可見完整圖片糜值。看看clip標簽可以設(shè)置的屬性：
android:drawable 指定drawable資源坯墨，如果不設(shè)置該屬性寂汇，也可以定義drawable類型的子標簽
android:clipOrientation 設(shè)置裁剪的方向，取值為以下兩個值之一：
horizontal 在水平方向上進行裁剪捣染，條狀的進度條就是水平方向的裁剪
vertical 在垂直方向上進行裁剪

android:gravity 設(shè)置裁剪的位置骄瓣，可取值如下，多個取值用 | 分隔：
top 圖片放于容器頂部耍攘，不改變圖片大小榕栏。當裁剪方向為vertical時，會裁掉圖片底部
bottom 圖片放于容器底部蕾各，不改變圖片大小。當裁剪方向為vertical時，會裁掉圖片頂部
left 圖片放于容器左邊匙握，不改變圖片大小发笔，默認值缸榛。當裁剪方向為horizontal，會裁掉圖片右邊部分
right 圖片放于容器右邊兰伤，不改變圖片大小内颗。當裁剪方向為horizontal，會裁掉圖片左邊部分
center 圖片放于容器中心位置敦腔，包括水平和垂直方向均澳，不改變圖片大小。當裁剪方向為horizontal時符衔，會裁掉圖片左右部分找前；當裁剪方向為vertical時，會裁掉圖片上下部分
fill 拉伸整張圖片以填滿容器的整個高度和寬度柏腻。這時候圖片不會被裁剪纸厉，除非level設(shè)為了0，此時圖片不可見
center_vertical 圖片放于容器垂直方向的中心位置五嫂，不改變圖片大小颗品。裁剪和center時一樣
center_horizontal 圖片放于容器水平方向的中心位置，不改變圖片大小沃缘。裁剪和center時一樣
fill_vertical 在垂直方向上拉伸圖片以填滿容器的整個高度躯枢。當裁剪方向為vertical時，圖片不會被裁剪槐臀，除非level設(shè)為了0锄蹂，此時圖片不可見
fill_horizontal 在水平方向上拉伸圖片以填滿容器的整個寬度。當裁剪方向為horizontal時水慨，圖片不會被裁剪得糜，除非level設(shè)為了0，此時圖片不可見
clip_vertical 附加選項晰洒，裁剪基于垂直方向的gravity設(shè)置朝抖，設(shè)置top時會裁剪底部，設(shè)置bottom時會裁剪頂部谍珊，其他情況會同時裁剪頂部和底部
clip_horizontal 附加選項治宣，裁剪基于水平方向的gravity設(shè)置，設(shè)置left時會裁剪右側(cè)砌滞，設(shè)置right時會裁剪左側(cè)侮邀，其他情況會同時裁剪左右兩側(cè)

那怎么設(shè)置level呢？android沒有提供直接在xml里設(shè)置level的屬性贝润，這需要通過代碼去設(shè)置绊茧。舉例用法如下：
定義clip.xml：
<?xml version="1.0" encoding="utf-8"?><clip xmlns:android="http://schemas.android.com/apk/res/android" android:clipOrientation="horizontal" android:drawable="@drawable/img4clip" android:gravity="left" />

在ImageView中引用：
<ImageView android:id="@+id/img" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/bg_img" android:src="@drawable/clip" />

在代碼中設(shè)置level：
ImageView img = (ImageView) findViewById(R.id.img);img.getDrawable().setLevel(5000); //level范圍值0~10000

scale標簽
使用scale標簽可以對drawable進行縮放操作，和clip一樣是通過設(shè)置level來控制縮放的比例题暖。scale標簽可以設(shè)置的屬性如下：
android:drawable 指定drawable資源按傅，如果不設(shè)置該屬性捉超，也可以定義drawable類型的子標簽
android:scaleHeight 設(shè)置可縮放的高度，用百分比表示唯绍，格式為XX%拼岳，0%表示不做任何縮放，50%表示只能縮放一半
android:scaleWidth 設(shè)置可縮放的寬度况芒，用百分比表示惜纸，格式為XX%，0%表示不做任何縮放绝骚，50%表示只能縮放一半
android:scaleGravity 設(shè)置drawable縮放后的位置耐版，取值和bitmap標簽的一樣，就不一一列舉說明了压汪，不過默認值是left
android:useIntrinsicSizeAsMinimum 設(shè)置drawable原有尺寸作為最小尺寸粪牲，設(shè)為true時，縮放基本無效止剖，API Level最低要求為11

使用的時候腺阳，和clip一樣，用法如下：
定義scale.xml：
<?xml version="1.0" encoding="utf-8"?><scale xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/img4scale" android:scaleGravity="left" android:scaleHeight="50%" android:scaleWidth="50%" android:useIntrinsicSizeAsMinimum="false" />

在ImageView中引用：
<ImageView android:id="@+id/img" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/bg_img" android:src="@drawable/scale" />

在代碼中設(shè)置level：
ImageView img = (ImageView) findViewById(R.id.img);img.getDrawable().setLevel(5000); //level范圍值0~10000

level-list標簽
當需要在一個View中顯示不同圖片的時候穿香，比如手機剩余電量不同時顯示的圖片不同亭引，level-list就可以派上用場了。level-list可以管理一組drawable皮获，每個drawable設(shè)置一組level范圍焙蚓，最終會根據(jù)level值選取對應(yīng)的drawable繪制出來。level-list通過添加item子標簽來添加相應(yīng)的drawable洒宝，其下的item只有三個屬性：
android:drawable 指定drawable資源购公，如果不設(shè)置該屬性，也可以定義drawable類型的子標簽
android:minLevel 該item的最小level值
android:maxLevel 該item的最大level值

以下是示例代碼：
<?xml version="1.0" encoding="utf-8"?><level-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/battery_low" android:maxLevel="10" android:minLevel="0" /> <item android:drawable="@drawable/battery_below_half" android:maxLevel="50" android:minLevel="10" /> <item android:drawable="@drawable/battery_over_half" android:maxLevel="99" android:minLevel="50" /> <item android:drawable="@drawable/battery_full" android:maxLevel="100" android:minLevel="100" /></level-list>

那么雁歌，當電量剩下10%時則可以設(shè)置level值為10君丁，將會匹配第一張圖片：
img.getDrawable().setLevel(10);

item的匹配規(guī)則是從上到下的，當設(shè)置的level值與前面的item的level范圍匹配将宪，則采用。一般item的添加按maxLevel從小到大排序下來橡庞，此時minLevel可以不用指定也能匹配到较坛。如上面代碼就可以簡化如下：
<?xml version="1.0" encoding="utf-8"?><level-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/battery_low" android:maxLevel="10" /> <item android:drawable="@drawable/battery_below_half" android:maxLevel="50" /> <item android:drawable="@drawable/battery_over_half" android:maxLevel="99" /> <item android:drawable="@drawable/battery_full" android:maxLevel="100" /></level-list>

但不能反過來將android:maxLevel="100"的item放在最前面，那樣所有電量都只匹配第一條了扒最。
transition標簽
transition其實是繼承自layer-list的丑勤，只是，transition只能管理兩層drawable吧趣，另外提供了兩層drawable之間切換的方法法竞，切換時還會有淡入淡出的動畫效果耙厚。示例代碼如下：
<?xml version="1.0" encoding="utf-8"?><transition xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/on" /> <item android:drawable="@drawable/off" /></transition>

transition標簽生成的Drawable對應(yīng)的類為TransitionDrawable，要切換時岔霸，需要主動調(diào)用TransitionDrawable的startTransition()方法薛躬，參數(shù)為動畫的毫秒數(shù)，也可以調(diào)用reverseTransition()方法逆向切換呆细。
((TransitionDrawable)drawable).startTransition(500); //正向切換型宝，即從第一個drawable切換到第二個((TransitionDrawable)drawable).reverseTransition(500); //逆向切換，即從第二個drawable切換回第一個

rotate標簽
使用rotate標簽可以對一個drawable進行旋轉(zhuǎn)操作絮爷，在shape篇講環(huán)形時最后舉了個進度條時就用到了rotate標簽趴酣。另外，比如你有一張箭頭向上的圖片坑夯，但你還需要一個箭頭向下的圖片岖寞，這時就可以使用rotate將向上的箭頭旋轉(zhuǎn)變成一張箭頭向下的drawable。先看看rotate標簽的一些屬性吧：
android:drawable 指定drawable資源柜蜈，如果不設(shè)置該屬性仗谆，也可以定義drawable類型的子標簽
android:fromDegrees 起始的角度度數(shù)
android:toDegrees 結(jié)束的角度度數(shù)，正數(shù)表示順時針跨释，負數(shù)表示逆時針
android:pivotX 旋轉(zhuǎn)中心的X坐標胸私，浮點數(shù)或是百分比。浮點數(shù)表示相對于drawable的左邊緣距離單位為px鳖谈，如5; 百分比表示相對于drawable的左邊緣距離按百分比計算岁疼，如5%; 另一種百分比表示相對于父容器的左邊緣，如5%p; 一般設(shè)置為50%表示在drawable中心
android:pivotY 旋轉(zhuǎn)中心的Y坐標
android:visible 設(shè)置初始的可見性狀態(tài)缆娃，默認為false

示例代碼如下捷绒，目標是將一張箭頭向上的圖片轉(zhuǎn)180度，轉(zhuǎn)成一張箭頭向下的圖片：
<?xml version="1.0" encoding="utf-8"?><rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/ic_arrow" android:fromDegrees="0" android:pivotX="50%" android:pivotY="50%" android:toDegrees="180" />

將它引用到ImageView里贯要，發(fā)現(xiàn)圖片根本沒有轉(zhuǎn)變暖侨。其實，要讓它可以旋轉(zhuǎn)崇渗，還需要設(shè)置level值字逗。level取值范圍為0_{10000，應(yīng)用到rotate宅广，則與fromDegrees}toDegrees相對應(yīng)葫掉，如上面例子的角度范圍為0~180，那么跟狱，level取值0時俭厚，則旋轉(zhuǎn)為0度；level為10000時驶臊，則旋轉(zhuǎn)180度挪挤；level為5000時叼丑，則旋轉(zhuǎn)90度。因為level默認值為0扛门，所以圖片沒有轉(zhuǎn)變鸠信。那么，我們想轉(zhuǎn)180度尖飞，其實可以將fromDegrees設(shè)為180症副，而不設(shè)置toDegrees，這樣政基，不用再在代碼里設(shè)置level圖片就可以旋轉(zhuǎn)180了贞铣。
animation-list標簽
通過animation-list可以將一系列drawable構(gòu)建成幀動畫，就是將一個個drawable沮明，一幀一幀的播放辕坝。通過添加item子標簽設(shè)置每一幀使用的drawable資源，以及每一幀持續(xù)的時間荐健。示例代碼如下：
<?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/anim1" android:duration="1000" /> <item android:drawable="@mipmap/anim2" android:duration="1000" /> <item android:drawable="@mipmap/anim3" android:duration="1000" /></animation-list>

android:oneshot屬性設(shè)置是否循環(huán)播放酱畅，設(shè)為true時，只播放一輪就結(jié)束江场，設(shè)為false時纺酸，則會輪詢播放。android:duration屬性設(shè)置該幀持續(xù)的時間址否，以毫秒數(shù)為單位。animation-list對應(yīng)的Drawable類為AnimationDrawable樊诺，要讓動畫運行起來词爬，需要主動調(diào)用AnimationDrawable的start()方法权均。另外，如果在Activity的onCreate()方法里直接調(diào)用start()方法會沒有效果叽赊，因為view還沒有初始化完成是播放不了動畫的。
animated-rotate
rotate標簽只是將原有的drawable轉(zhuǎn)個角度變成另一個drawable，它是靜態(tài)的顾画。而animated-rotate則會讓drawable不停地做旋轉(zhuǎn)動畫匆笤。animated-rotate可設(shè)置的屬性只有四個：
android:drawable 指定drawable資源，如果不設(shè)置該屬性炮捧，也可以定義drawable類型的子標簽
android:pivotX 旋轉(zhuǎn)中心的X坐標
android:pivotY 旋轉(zhuǎn)中心的Y坐標
android:visible 設(shè)置初始的可見性狀態(tài)，默認為false

示例代碼：
<?xml version="1.0" encoding="utf-8"?><animated-rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/img_daisy" android:pivotX="50%" android:pivotY="50%" android:visible="false" />

寫在最后
至此惦银，drawable資源基本都講完了咆课，但還不是全部，Android 5.0新增的幾個標簽：animated-selector扯俱、vector书蚪、animated-vector、ripple迅栅，因為還沒弄清楚具體的用法殊校，而且也涉及到Material Design，所以不在本篇講解读存，后續(xù)做Material Design專題分享的時候會再詳細講解用法为流。PS：selector標簽下的item其實還可以添加set標簽，這是添加動畫集的標簽让簿，下一篇就將分享下一些常用動畫的制作敬察。