Android畫圖學習總結（三）――Drawable

這個簡單的例子可以幫我們理解什麼是Drawable，Drawable就是一個可畫的對象，其可能是一張位圖（BitmapDrawable），也可能是一個圖形（ShapeDrawable），還有可能是一個圖層（LayerDrawable），我們根據畫圖的需求，創建相應的可畫對象，就可以將這個可畫對象當作一塊“畫布（Canvas）”，在其上面操作可畫對象，並最終將這種可畫對象顯示在畫布上，有點類似於“內存畫布“。

上面只是一個簡單的使用Drawable的例子，完全沒有體現出Drawable的強大功能。android SDK中說明了Drawable主要的作用是：在XML中定義各種動畫，然後把 XML當作Drawable資源來讀取，通過Drawable顯示動畫。下面舉個使用TransitionDrawable 的例子，創建一個android工程，然後再這個工程的基礎上修改，修改過程如下：
1、去掉layout/main.XML中的TextView，增加ImagVIEw，如下：
<ImageVIEw
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:tint=”#55ff0000″
android:src=”@drawable/my_image”/>

2、創建一個XML文件，命名為expand_collapse.XML，內容如下：
<?XML version=”1.0″ encoding=”UTF-8″?>
<transition XMLns:android=”http://schemas.android.com/apk/res/android”>
<item android:drawable=”@drawable/image_expand”/>
<item android:drawable=”@drawable/image_collapse”/>
</transition>
需要3張png圖片，存放到res\drawable目錄下，3張圖片分別命名為：my_image.png、image_expand.png、image_collapse.png。

3、修改Activity中的代碼，內容如下：
LinearLayout mLinearLayout;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mLinearLayout = new LinearLayout(this);
ImageView i = new ImageVIEw(this);
i.setAdjustVIEwBounds(true);
i.setLayoutParams(new Gallery.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
mLinearLayout.addVIEw(i);
setContentVIEw(mLinearLayout);
Resources res = getResources();
TransitionDrawable transition =
(TransitionDrawable) res.getDrawable(R.drawable.expand_collapse);
i.setImageDrawable(transition);
transition.startTransition(10000);
}

4、如果修改的沒有錯誤，運行程序，結果顯示如下：
初始圖片

過渡中的圖片

最後的圖片

屏幕上動畫顯示的是： 從圖片image_expand.png過渡到image_collapse.png，也就是我們在expand_collapse.XML中定義的一個transition動畫。看完這個例子，你對Drawable的理解是否又深入些？這裡提供這個程序的源代碼，供大家下載，可以在這個例子的基礎上去體會其他的Drawable，來加深對Drawable的理解。

通過以上2個例子程序，相信對Drawable會有一定的認識了，在以後的篇幅中會介紹更多的例子，更加深入的學習和理解Drawable。具體還有哪些Drawable，大家到android SDK去深入學習吧。