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多线程详解