Android画图Drawable

た入场券 2022-05-14 13:42 468阅读 0赞

转自：http://dev.10086.cn/cmdn/wiki/index.php?doc-view-3717.html

[Android][][SDK][]提供了一个强大的类Drawable，Drawable这个抽象类到底代表了什么，如何使用？Drawable是个很抽象的概念，通过简单的例子程 序来学习它，理解它。先看个简单的例子，使用Drawable的子类ShapeDrawable来画图，如下：   
public class testView extends View \{   
private ShapeDrawable mDrawable;   
public testView(Context context) \{   
super(context);   
int x = 10;   
int y = 10;   
int width = 300;   
int height = 50;   
mDrawable = new ShapeDrawable(new OvalShape());   
mDrawable.getPaint().setColor(0xff74AC23);   
mDrawable.setBounds(x, y, x + width, y + height);   
\}   
protected void onDraw(Canvas canvas)   
super.onDraw(canvas);   
canvas.drawColor(Color.WHITE);//画白色背景   
mDrawable.draw(canvas);   
\}   
\}   
程序的运行结果，显示如下：   
![1277103942LEPiQkvz.jpg][]   
简要解析：   
  
   1. 创建一个OvalShape（一个椭圆）；   
   2. 使用刚创建的OvalShape构造一个ShapeDrawable对象mDrawable   
   3. 设置mDrawable的颜色；   
   4. 设置mDrawable的大小；   
   5. 将mDrawable画在testView 的画布上；   
  
这个简单的例子可以帮我们理解什么是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、如果修改的没有错误，运行程序，结果显示如下：   
初始图片   
TransitionDrawable-begin   
![1277103942bxzZCrFN.jpg][]   
过渡中的图片   
TransitionDrawable-mid   
![1277103942e3M7cSvd.jpg][]   
最后的图片   
TransitionDrawable-end   
![1277103942TxRia6u1.jpg][]   
  
屏幕上动画显示的是： 从图片image\_expand.png过渡到image\_collapse.png，也就是我们在expand\_collapse.xml中定义的一个 transition动画。看完这个例子，你对Drawable的理解是否又深入些？这里提供这个程序的源代码，供大家下载，可以在这个例子的基础上去体会其他的Drawable，来加深对Drawable的理解。   
总结说明   
  
通过以上2个例子程序，相信对Drawable会有一定的认识了，在以后的篇幅中会介绍更多的例子，更加深入的学习和理解Drawable。具体还有哪些Drawable，大家到Android SDK去深入学习吧。   
  
代码实例   
  
xml代码：main.xml   
  
<?xml version="1.0" encoding="utf-8"?>   
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"   
android:layout\_width="fill\_parent"   
android:layout\_height="fill\_parent">   
<com.test.testview   
android:id="@+id/testView"   
android:layout\_width="fill\_parent"   
android:layout\_height="fill\_parent"   
tileSize="12"/>   
</FrameLayout>   
  
testview.[Java][]代码如下：   
  
package com.test;   
  
import android.content.Context;   
import android.graphics.Bitmap;   
import android.graphics.Canvas;   
import android.graphics.Color;   
import android.graphics.Matrix;   
import android.graphics.Paint;   
import android.graphics.Typeface;   
import android.graphics.Bitmap.Config;   
import android.util.AttributeSet;   
import android.view.View;   
  
public class testview extends View\{   
  
private Bitmap  mbmpTest=null;   
private final Paint mPaint = new Paint();   
private final String mstrTitle="android Drawable 实例";   
  
public testview(Context context) \{   
super(context);   
// TODO Auto-generated constructor stub   
\}   
  
public testview(Context context, AttributeSet attrs, int defStyle)   
\{   
super(context, attrs, defStyle);   
mPaint.setColor(Color.GREEN);   
\}   
  
public testview(Context context, AttributeSet attrs)   
\{   
super(context, attrs);   
mPaint.setColor(Color.GREEN);   
\}   
  
public boolean initBitmap(int w,int h,int c)   
\{   
mbmpTest = Bitmap.createBitmap(w,h, Config.ARGB\_8888);   
Canvas canvas = new Canvas(mbmpTest);   
canvas.drawColor(Color.WHITE);   
Paint p = new Paint();   
String familyName = "����";   
Typeface font = Typeface.create(familyName,Typeface.BOLD);   
p.setColor(Color.RED);   
p.setTypeface(font);   
p.setTextSize(22);   
canvas.drawText(mstrTitle,0,100,p);   
return true;   
\}   
  
@Override   
public void onDraw(Canvas canvas)   
\{   
super.onDraw(canvas);   
/\*if(mbmpTest!=null)   
\{   
Rect rtSource = new Rect(0,0,320,240);   
Rect rtDst = new Rect(0,0,320,240);   
canvas.drawBitmap(mbmpTest, rtSource,rtDst, mPaint);   
\}\*/   
if(mbmpTest!=null)   
\{   
Matrix matrix = new Matrix();   
//matrix.postScale(0.5f, 0.5f);   
matrix.setRotate(90,120,120);   
canvas.drawBitmap(mbmpTest, matrix, mPaint);   
\}   
\}   
  
\}   
testActivity.java代码如下：   
  
package com.test;   
  
import android.app.Activity;   
import android.os.Bundle;   
  
public class testActivity extends Activity \{   
  
private testview mTestview;   
  
/\*\* Called when the activity is first created. \*/   
@Override   
public void onCreate(Bundle savedInstanceState) \{   
super.onCreate(savedInstanceState);   
setContentView(R.layout.main);   
  
mTestview = (testview) findViewById(R.id.testView);   
mTestview.initBitmap(320,240,0xcccccc);   
\}   
\}   
  
显示结果：![点击查看原始大小图片][1277103942q0qE10Ox.png]

[Android]: http://dev.10086.cn/cmdn/wiki/index.php?doc-view-1789
[SDK]: http://dev.10086.cn/cmdn/wiki/index.php?doc-view-1426
[1277103942LEPiQkvz.jpg]: /images/20220514/00e2cf485ac64a789b535aab87504986.png
[1277103942bxzZCrFN.jpg]: /images/20220514/f054b0b62f7a4693a49d8ecfa106c751.png
[1277103942e3M7cSvd.jpg]: /images/20220514/7234e88e73f640eb83533e1057517a90.png
[1277103942TxRia6u1.jpg]: /images/20220514/1f3370a154744f67a68bb5dcbf494d95.png
[Java]: http://dev.10086.cn/cmdn/wiki/index.php?doc-view-1306
[1277103942q0qE10Ox.png]: /images/20220514/9eb2c51cc015424295b262bd8e8b3771.png