天天看點

Android入門第十四篇之畫圖

本文來自http://blog.csdn.net/hellogv/ ,引用必須注明出處!

        常用控件說了不少,現在說說手機開發中也常用到的畫圖。要掌握Android的畫圖,首先就要了解一下,基本用到的圖形接口:

1.Bitmap,可以來自資源/檔案,也可以在程式中建立,實際上的功能相當于圖檔的存儲空間;

2.Canvas,緊密與Bitmap聯系,把Bitmap比喻内容的話,那麼Canvas就是提供了衆多方法操作Bitamp的平台;

3.Paint,與Canvas緊密聯系,是"畫闆"上的筆刷工具,也用于設定View控件上的樣式; 

4.Drawable,如果說前三者是看不見地在記憶體中畫圖,那麼Drawable就是把前三者繪圖結果表現出來的接口。Drawable多個子類,例如:位圖(BitmapDrawable)、圖形(ShapeDrawable)、圖層(LayerDrawable)等。

本文主要講解如何在ImageView畫圖,以及如何直接在Button(繼承View的控件)上面繪制自定義圖像。

Android入門第十四篇之畫圖

直接把資源圖檔畫出來

Android入門第十四篇之畫圖

在ImageView上畫圖以及繪字

Android入門第十四篇之畫圖

直接在控件背景上畫圖

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);

}

}

}

}