Drawable簡介

Drawable表示一種影像的概念. **優點:**使用比自定義View的成本低, 非圖片型別的Drawable占用空間較小. Drawable本身是一個抽象類. 是所有Drawable物件的基類, 每個具體的Drawable都是其子類.

Drawable內部寬高通過getIntrinsicWidth和getIntrinsicHeight這兩個方法獲得. 需要注意這個內部寬高的概念針對不同的型別的Drawable, 對于圖片形成的Drawable內部寬高就是圖片的寬高. 而顏色所形成的Drawable沒有內部寬高的概念. Drawable的內部寬高不等于它的大小. 當作為View的背景的視圖, Drawable會被拉伸至View的同等大小.

Drawable的分類

BitmapDrawable

表示一張圖片, 在開發中直接參考原始圖片也可, 下面給出在XML中描述稍微完整的宣告

<?xml version="1.0" encoding="utf-8"?>

<bitmap

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

    android:src="@mipmap/ic_sample"

    android:antialias="true"

    android:dither="true"

    android:filter="true"

    android:gravity="top"

    android:mipMap="true"

    android:tileMode="repeat"

    >

</bitmap>

</pre>

• src: 圖片的資源檔案id(AS下可能不會自動提示mipmap,直接寫入即可)
• antialias: 圖片抗鋸齒.屬性值boolean 開啟可以讓圖片變得平滑.
• dither: 抖動效果. 屬性值Boolean. 當圖片的像素配置和手機螢屏的像素配置不一致時,開啟此選項可以讓高質量的圖片在低質量的螢屏上繼續保持較好效果. 例如圖片模式為ARGB8888,而設備螢屏所支持為RGB555. 開啟可以讓圖片不會過于失真.
• filter: 過濾效果. 當圖片尺寸被拉伸或者壓縮,可以保持較好的效果.
• gravity: 可以對圖片進行定位. 可以使用|組合屬性使用. 可供使用的屬性

• mipmap: 紋理映射 默認為false
• tileMode: 平鋪模式. 有四種值: disable關閉平鋪模式(默認值), repeat普通平鋪開啟, mirror平鋪的同時,平鋪圖片做鏡面效果. clamp在原始圖片最右邊像素向右延伸

NinePatchDrawable

表示一張.9格式的圖片, .9圖片可以自動的根據所需要的寬高進行相應的縮放并保證不失真. 和BitmapDrawable使用一樣直接引入圖片即可. xml方式如下:

<?xml version="1.0" encoding="utf-8"?>

<nine-patch xmlns:android="http://schemas.android.com/apk/res/android"

    android:src="xxxx"

    android:dither="true"/>

</pre>

ShapeDrawable

這是一種通過顏色來構成的圖片, 它可以為純色的圖形, 也可以具有漸變的圖形. 以下是一個簡單使用方法

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="rectangle">

    <!--圓角-->

    <corners android:radius="50dp"/>

    <padding android:top="5dp"/>

    <!--填充-->

    <solid android:color="@color/colorPrimary"/>

    <!--gradient 和solid 互測驗性誰放在后面誰才有效-->

    <!--漸變-->

    <gradient android:angle="90"

        android:startColor="#f00"

        android:centerColor="#0f0"

        android:endColor="#00f"/>

    <!--邊框-->

    <stroke android:width="30dp"

        android:color="#ff0000" />

</shape>

</pre>

來說說具體的屬性都有什么

shape:

表示圖片的形狀, 有四個選項: rectangle()矩形, oval(橢圓), line(橫線), ring(圓環). 默認值為矩形. 另外line和ring這兩個選項必須要通過<stroke>標簽來指定線的寬度和顏色等資訊, 否則無法達到預期效果.當ring這個形狀還需要添加幾個屬性innerRadius圓環內半徑, thickness圓環的厚度,外半徑減去內半徑的距離. 還有兩個半分比的屬性.效果一樣. useLevel:基本都是用false, 否則可能無法到達預期的顯示效果,除非被當做LevelListDrawable
<corner>
表示shape的四個角度. 它只適用于矩形shape. 支持屬性總共有五個,一個Radius和四個頂角如topLeftRadius等等. Radius的優先級最低, 會被其他屬性覆寫.
<gradient>
它與<solid>標簽是互相互斥的. 其中solid表示純色填充, 而gradient則表示漸變效果.

有如下屬性:

• android:angle –漸變的角度, 默認為0, 其值必須為45的倍數. 0表示從左到右, 90表示從下到上.
• android:centerX –漸變的中心點橫坐標(范圍0~1)
• android:centerY –漸變的中心點縱坐標(范圍0~1)
• android:startColor –漸變的起始色
• android:centerColor –漸變的中間色
• android:endColor –漸變的結束色
• android:gradientRadius –漸變半徑, 僅當android:type=”radial”時有效,**并且當type=”radial”**的時候必須宣告此屬性,否則崩潰
• android:useLevel –一般為false.當Drawable作為StateListDrawable使用時為true
• android:type –漸變的型別, 有linear(線性漸變), radial(徑向漸變), sweep(掃描線漸變)三種, 默認為線性漸變

看看type不同的格式什么樣子
<solid>
表示純色填充, 通過android:color來指定顏色
<stroke>
shape的描邊,有四個屬性. width描邊的寬度, color描邊的顏色, dashWidth組成虛線的線段的寬度, dashGap組成虛線的線段之間的間隔.
<padding>
這個表示空白, 但是他表示的不是shape的空白, 而是包含它的View的空白, 有上下左右四個屬性
<size>
Drawable有兩個方法獲得固有高度.getIntrinsicWidth(),getIntrinsicHeight(). 就是如果是圖片Drawable`那就是圖片的屬性大小. 如果不是那就是回傳-1. 如果size標簽設定了大小. 在方法回傳的時候就不再是-1. 但是作為View的背景, shape還會被拉伸或者縮為View的大小.

LayerDrawable

對應的標簽是<layer-list>, 他表示一個層次化得Drawable集合.通過將不同的Drawable放置在不同的層面上從而達到一種疊加的效果.

一個這種標簽可以包含多個item, 每個item表示一個Drawable. item的結構很簡單上下左右四個屬性加上id屬性和drawable屬性. 可以直接通過drawable屬性參考一個Drawable也可以在標簽寫個子標簽生成一個.

StateListDrawable

StateList對應<selector>標簽, 也是Drawable集合. 這個我們經常使用在開發中的按鈕狀態選擇器.

<?xml version="1.0" encoding="utf-8"?>

<selector

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

    android:constantSize="true"

    android:dither="true"

    android:variablePadding="false"

    >

   <!-- 只是列舉一下

   <item android:state_pressed="true" android:drawable="xxx"/>

   <item android:state_focused="true" android:drawable="xxx"/>

   <item android:state_hovered="true" android:drawable="xxx"/>

   <item android:state_pressed="true" android:drawable="xxx"/>

   <item android:state_selected="true" android:drawable="xxx"/>

   <item android:state_checkable="true" android:drawable="xxx"/>

   <item android:state_checked="true" android:drawable="xxx"/>

   <item android:state_enabled="true" android:drawable="xxx"/>

   <item android:state_activated="true" android:drawable="xxx"/>

   <item android:state_window_focused="true" android:drawable="xxx"/>

    -->

</selector>

select標簽對應有三個屬性

• constantSize: 用于StateListDrawable的固有大小是否不隨著其狀態改變而改變的, 因為狀態的改變會切換不同的item的drawable, 而不同的drawable具有不同的固有大小. 如果為true那就是整個StateListDrawable固有大小是內部所有Drawable的最大固有大小的值. false會隨之變化, 默認為false
• dither: 是否開啟抖動效果, 默認為true
• variablePadding: 表示padding是否隨著狀態的改變而改變, padding取得值是所有Drawable的最大值. 默認為false. 不會隨之改變.

<item>標簽也比較簡單, 指定一個drawable,并加一個狀態判斷值.

下面給出常見的狀態判斷

默認狀態的一定要放在最后一條, 因為系統是按照從上到下的順序查找. 只要找到任何一個匹配狀態的那么久結束了.

LevelListDrawable

LevelListDrawable對應于<level-list>標簽, 也表示一個Drawable集合, 集合中每一個Drawable都有一個等級的概念, 根據不同的等級LevelListDrawable會切換不同的對應的Drawable.

<?xml version="1.0" encoding="utf-8"?>

<level-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@mipmap/ic_sample"

        android:maxLevel="2"

        android:minLevel="2"/>

    <item android:drawable="@mipmap/ic_launcher"

        android:maxLevel="1"

        android:minLevel="1"

        />

</level-list>

這里就相當于給每一個Drawable設定一個標識. level-list會根據這個標識去自己的item中查找. 默認等級為0, Level的取值在0~10000. 在給每個Item宣告等級的時候盡量最大和最小等級保持一致. 讓每個item都可以有一個唯一標識等級, 而避免有一些公共擁有等級的Item導致出現和我們預期的不符.

如果作為了背景, 那么獲得Drawable物件通過getLevel(), setLevel()來得到和設定不同的等級做到切換圖片的效果. 如果是ImageView那么通過前景設定其等級就可以,一定別忘了把Drawable設定前景再通過這種方式實作.

TransitionDrawable

對應著<transition>標簽, 它用于實作兩個Drawable之間的淡入淡出效果.

<transition xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@mipmap/ic_sample"/>

    <item android:drawable="@mipmap/ic_launcher"/>

</transition>

TransitionDrawable drawable = (TransitionDrawable) iv_main.getBackground();
drawable.startTransition(5000);

這個沒什么好說的了, 很簡單. 注意一下如果是給ImageView設定前景的話那么不要用getBackground()來獲取了,通過getDrawable()來獲取.

InsetDrawable

InsetDrawable對應<inset>標簽, 它可以將其他Drawable內嵌到自己當中, 并可以在四周留出一定的距離. 當一個View希望自己的背景比自己的實際區域小的時候, 可以使用這個來實作.(相當于給使用的View增加了margin效果) LayerDrawable也可以實作此效果

<?xml version="1.0" encoding="utf-8"?>

<inset xmlns:android="http://schemas.android.com/apk/res/android"

    android:insetBottom="20dp"

    android:insetTop="50dp"

    android:insetRight="20dp"

    android:insetLeft="20dp">

    <shape >

        <solid android:color="#ffff00"/>

    </shape>

</inset>

ScaleDrawable

ScaleDrawable對應<scale>標簽, 他可以根據自己的等級level將制定的Drawable縮放到一定比例.

<?xml version="1.0" encoding="utf-8"?>

<scale xmlns:android="http://schemas.android.com/apk/res/android"

    android:drawable="@mipmap/ic_sample"

    android:scaleHeight="10%"

    android:scaleWidth="10%"

    android:scaleGravity="center">

</scale>

并在代碼中設定等級, 默認為0是不顯示ScaleDrawable

ScaleDrawable drawable = (ScaleDrawable) findViewById(R.id.activity_main).getBackground();

drawable.setLevel(1);

其中scaleHeight和scaleWidth需要的是百分比值. 有點別扭, 如果你設定了10%, 那么實際的意義就是縮放了原大小的10%, 相當于去掉了設定的值. 最終呈現出來的是1-設定的百分比. 就是展現了90%.

而設定的等級會影響最終的圖片大小, 等級越大圖片越大. 最好等級控制到0~10000 最后.

ClipDrawable

ClipDrawable對應于<clip>標簽, 他可以根據自己當前的等級來裁剪Drawable, 裁剪的方向通過android:clipOrientation和android:gravity這兩個屬性來共同控制.

<?xml version="1.0" encoding="utf-8"?>

<clip xmlns:android="http://schemas.android.com/apk/res/android"

    android:clipOrientation="horizontal"

    android:drawable="@mipmap/ic_sample"

    android:gravity="center">

</clip>

首先android:clipOrientation 如果引數添加水平 horizontal. 實際上是豎直切割, 保留垂直方向的完整. 如果是Vertical反之.

而gravity有的屬性和BitmapDrawable中的gravity一樣. 這里現在是android:clipOrientation="horizontal"它是以水平方向做的垂直切割. 那么通過給gravity設定左 中 右就是left, center, right可以達到不同的效果.

重要的一點還有動態代碼設定等級, 要是不設定等級就是默認的0, 0就是切割掉100%的部分,所以剩下的部位為0也就是空的

ClipDrawable drawable = (ClipDrawable) findViewById(R.id.activity_main).getBackground();
drawable.setLevel(5000);

這個等級的數還是1~10000.

• 等級為0那么意味著裁剪Drawable的**100%**部分. 什么東西沒有.空的
• 等級為5000那么意味著裁剪Drawable的**50%**部分, 我上面的演示的圖片都是以等級為5000為標準測驗的
• 等級為10000那么就意味的裁剪部分為Drawable的**100%**部分, 也就是完全顯示了.

可以看出來了, 綜合上面的看出, 上面的gravity的方向可以認為是從那邊開始進行裁剪保留.

自定義Drawable

一般Drawable都是作為View的背景圖, 或者ImageView的顯示圖片. 其作業原理核心就是draw()方法. 而系統會呼叫Drawable的draw()來繪制View的背景, 所以我們通過重寫draw()來實作自定義Drawable.

一般draw(), setAlpha(), setColorFilter(), 和getOpacity()都是要實作的 , draw()里面的具體實作和我們View的onDraw()很相似. 可以參考ShapeDrawable和BitmapDrawable的原始碼去仿造實作.

在自定義的時候注意: 如果要定義的Drawable有固有的大小值, 那么最好重寫getIntrinsicWidth()和getIntrinsicHeight()這兩個方法. 因為它會影響到View的wrap_content布局. 最后內部大小不一定等于Drawable的實際大小, Drawable實際大小可以通過getBound()來獲取.

參看文章

《Android 開發藝術探索》書集
《Android 開發藝術探索》 06-Android的Drawable