画图入门

本文来自人人网android开发交流群

现在说说手机开发中也常用到的画图。要掌握Android的画图，首先就要了解一下，基本用到的图形接口：

1.Bitmap，可以来自资源/文件，也可以在程序中创建，实际上的功能相当于图片的存储空间；

2.Canvas，紧密与Bitmap联系，把Bitmap比喻内容的话，那么Canvas就是提供了众多方法操作Bitamp的平台；

3.Paint，与Canvas紧密联系，是"画板"上的笔刷工具，也用于设置View控件上的样式；

4.Drawable，如果说前三者是看不见地在内存中画图，那么Drawable就是把前三者绘图结果表现出来的接口。Drawable多个子类，例如：位图(BitmapDrawable)、图形(ShapeDrawable)、图层(LayerDrawable)等。

 

本文主要讲解如何在ImageView画图，以及如何直接在Button(继承View的控件)上面绘制自定义图像。

直接把资源图片画出来

 

 

在ImageView上画图以及绘字

 

 

直接在控件背景上画图

 

main.xml的源码：

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:orientation="vertical"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    >  
<Button android:id="@+id/Button01" android:layout_width="fill_parent" android:layout_height="44px" android:text="显示资源图片"></Button>  
<Button android:id="@+id/Button02" android:layout_width="fill_parent" android:layout_height="44px" android:text="显示并绘画资源图片"></Button>  
<Button android:id="@+id/Button03" android:layout_height="44px" android:layout_width="fill_parent" android:text="在控件上绘图"></Button>  
<ImageView android:id="@+id/ImageView01" android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView>  
  
</LinearLayout>  

程序的源码：

package com.testDraw;   
  
import android.app.Activity;   
import android.content.res.Resources;   
import android.graphics.Bitmap;   
import android.graphics.Bitmap.Config;   
import android.graphics.BitmapFactory;   
import android.graphics.Canvas;   
import android.graphics.Color;   
import android.graphics.Paint;   
import android.graphics.Typeface;   
import android.graphics.drawable.BitmapDrawable;   
import android.graphics.drawable.Drawable;   
import android.os.Bundle;   
import android.view.View;   
import android.widget.Button;   
import android.widget.ImageView;   
  
public class testDraw extends Activity {   
       
    ImageView iv;   
    Button btn1,btn2,btn3,btn4;   
    Resources r;   
    @Override  
    public void onCreate(Bundle savedInstanceState) {   
        super.onCreate(savedInstanceState);   
        setContentView(R.layout.main);   
        iv=(ImageView)this.findViewById(R.id.ImageView01);   
        btn1=(Button)this.findViewById(R.id.Button01);   
        btn2=(Button)this.findViewById(R.id.Button02);   
        btn3=(Button)this.findViewById(R.id.Button03);   
  
        btn1.setOnClickListener(new ClickEvent());   
        btn2.setOnClickListener(new ClickEvent());   
        btn3.setOnClickListener(new ClickEvent());   
           
        r = this.getResources();   
  
     
    }   
    class ClickEvent implements View.OnClickListener {   
  
        public void onClick(View v) {   
            if(v==btn1)//显示资源图片   
            {//功能等效   
                //iv.setBackgroundResource(R.drawable.icon);//打开资源图片   
                Bitmap bmp=BitmapFactory.decodeResource(r, R.drawable.icon);//打开资源图片   
                iv.setImageBitmap(bmp);   
            }   
            else if(v==btn2)//显示并绘画资源图片   
            {   
                Bitmap bmp=BitmapFactory.decodeResource(r, R.drawable.icon);//只读,不能直接在bmp上画   
                Bitmap newb = Bitmap.createBitmap( 300, 300, Config.ARGB_8888 );   
                   
                Canvas canvasTemp = new Canvas( newb );   
                canvasTemp.drawColor(Color.TRANSPARENT);   
                   
                Paint p = new Paint();   
                String familyName ="宋体";   
                Typeface font = Typeface.create(familyName,Typeface.BOLD);   
                p.setColor(Color.RED);   
                p.setTypeface(font);   
                p.setTextSize(22);   
                canvasTemp.drawText("写字。。。",50,50,p);   
                canvasTemp.drawBitmap(bmp, 50, 50, p);//画图   
                iv.setImageBitmap(newb);   
            }   
            else if(v==btn3)//直接在Button上绘图   
            {   
                Bitmap newb = Bitmap.createBitmap( btn3.getWidth(), btn3.getHeight(), Config.ARGB_8888 );   
                Canvas canvasTemp = new Canvas( newb );   
                canvasTemp.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(20);   
                canvasTemp.drawText("写字。。。", 30, 30, p);   
                Drawable drawable = new BitmapDrawable(newb);   
                btn3.setBackgroundDrawable(drawable);   
            }   
        }   
           
    }   
  
}