Android入门之画图详解

www.666fo.com这篇文章主要介绍了Android入门之画图,对Android初学者有很好的学习借鉴价值,需要的朋友可以参考下

前文常用的控件介绍了不少，现在就来讨论一下手机开发中常用到的画图。要掌握Android的画图，首先就要了解一下，基本用到的如下一些图形接口：

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

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

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

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

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

直接把资源图片画出来：

www.123uj.com

 

在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>

Java程序的源码如下：

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

  }

 }

 }

}您可能感兴趣的文章:

android图像绘制(四)自定义一个SurfaceView控件Android提高之MediaPlayer音视频播放Android入门之Style与Theme用法实例解析Android入门之ActivityGroup+GridView实现Tab分页标签的方法Android入门之Gallery+ImageSwitcher用法实例解析Android入门之Gallery用法实例解析Android入门之TabHost与TabWidget实例解析Android入门之PopupWindow用法实例解析Android入门简单实例Android提高之SurfaceView与多线程的混搭实例

QQ空间 新浪微博 腾讯微博 搜狐微博 人人网 开心网 百度搜藏 更多 0Tags：Android 画图 复制链接收藏本文打印本文关闭本文返回首页 上一篇：Android入门之Gallery+ImageSwitcher用法实例解析下一篇：Android提高之SurfaceView与多线程的混搭实例相关文章2013-01-01Android中父View和子view的点击事件处理问题探讨2013-02-02Android文本框搜索和清空效果实现代码及简要概述2013-06-06如何使用Matrix对bitmap的旋转与镜像水平垂直翻转2012-12-12Android的webview支持HTML5的离线应用功能详细配置2013-06-06Android图片处理：识别图像方向并显示实例教程2012-11-11android
字体颜色选择器(ColorPicker)介绍2012-11-11Android之PreferenceActivity应用详解（2）2013-01-01Android开发之图形图像与动画(二)Animation实现图像的渐变/缩放/2013-06-06android通过bitmap生成新图片关键性代码2013-10-10Handler与Android多线程详解