Andriod中绘(画)图_H5之家 - 中国HTML5教程资源分享第一站

Andriod中绘(画)图----Canvas的使用详解

作者: qinjuning

发布时间:2015-06-11 19:30:03

//创建一个的Bitmap对象 Bitmap bitmap = Bitmap.createBitmap(200, 100, Config.ARGB_8888) ; //创建一个canvas对象，并且开始绘图 Canvas canvas = new Canvas (bitmap) ; ImageView imgView = new ImageView(this) ; //或者其他可以设置背景图片的View控件 //为ImageView设置图像 //将Bitmap对象转换为Drawable图像资 Drawable drawable = new BitmapDrawable(bitmap) ; imgView .setBackgroundDrawable(drawable) ; 或者简单点： imgView .setImageBitmap(bitmap);

方法族

PS ：从截图上看，图像是确实旋转了，但是我找不到旋转的依据中心。

下面给出该Demo的截图，可以更改一些参数后自己观察效果。

1、布局文件 main.xkl ：采用了两个ImageView来显示bitmap绘图对象，让后采用了一个自定义View绘图

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <View android:layout_width="fill_parent" android:layout_height="2dip" android:background="#800080" android:layout_marginTop="2dip"></View> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="显示canvas区域以及clip方法的使用" /> <ImageView android:id="@+id/imgClip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="10dip" /> <View android:layout_width="fill_parent" android:layout_height="2dip" android:background="#800080" android:layout_marginTop="2dip"></View> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="save方法和restore方法的使用" /> <ImageView android:id="@+id/imgSave" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="10dip" /> <View android:layout_width="fill_parent" android:layout_height="2dip" android:background="#800080" android:layout_marginTop="2dip"></View> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="自定义View，获得了一个Canvas对象和绘图区域" /> <com.qin.canvas.MyView android:id="@+id/myView" android:layout_width="fill_parent" android:layout_height="200px" /> </LinearLayout>

2、自定义View , MyView.java，

import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Typeface; import android.graphics.Bitmap.Config; import android.util.AttributeSet; import android.view.View; public class MyView extends View{ private Paint paint = new Paint() ; public MyView(Context context) { super(context); // TODO Auto-generated constructor stub } public MyView(Context context , AttributeSet attrs){ super(context,attrs); } //存在canvas对象，即存在默认的显示区域 @Override public void draw(Canvas canvas) { // TODO Auto-generated method stub super.draw(canvas); //加粗 paint.setTypeface(Typeface.defaultFromStyle(Typeface.BOLD)); paint.setColor(Color.BLUE); canvas.drawText("自定义View,canvas对象已经存在。", 30, 40, paint); canvas.drawRect(10, 10, 30, 30, paint); //将icon图像转换为Bitmap对象 Bitmap iconbit = BitmapFactory.decodeResource(getResources(), R.drawable.icon) ; canvas.drawBitmap(iconbit, 40,40, paint); } }

3、主工程文件 MainActivity.java

public class MainActivity extends Activity { //画笔对象 paint private Paint paint = new Paint() ; //记得要为paint设置颜色，否则看不到效果 private ImageView imgClip ; // 绘图区域以及clip方法 private ImageView imgSave ; // save方法以及restore /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main) ; imgClip = (ImageView)findViewById(R.id.imgClip) ; imgSave = (ImageView)findViewById(R.id.imgSave); clip_drawCanvas() ; // 绘图区域以及clip方法 save_drawCanvas(); // save方法以及restore } //这样的情况下，需要创建Canvas对象，然后在此对象上进行操作 //对bitmap操作完成后，，显示该Bitmap有以下两种操作。 //1、需要将bitmap转换为Drawable对象 Drawable drawable = new BitmapDrawable(bitmap) ; //2、直接setImageBitmap(bitmap) private void clip_drawCanvas(){ //将icon图像转换为Bitmap对象 Bitmap iconbit = BitmapFactory.decodeResource(getResources(), R.drawable.icon) ; //创建一个的Bitmap对象 Bitmap bitmap = Bitmap.createBitmap(200, 150, Config.ARGB_8888) ; Canvas canvas = new Canvas (bitmap) ; //设置颜色来显示画图区域 canvas.drawColor(Color.RED); paint.setColor(Color.BLACK); canvas.drawText("原先的画图区域--红色部分", 60,50,paint) ; //画bitmap对象 canvas.drawBitmap(iconbit, 20, 20, paint); //剪裁一个区域，当前的操作对象为Rect裁剪的区域 Rect rect = new Rect (10,80,180,120) ; //当前的画图区域为Rect裁剪的区域，而不是我们之前赋值的bitmap canvas.clipRect(rect) ; canvas.drawColor(Color.YELLOW); //设置颜色来显示画图区域 paint.setColor(Color.BLACK); canvas.drawText("裁剪clip后画图区域-黄色部分", 10,100,paint) ; //将Bitmap对象转换为Drawable图像资源 //Drawable drawable = new BitmapDrawable(bitmap) ; //img.setBackgroundDrawable(drawable) ; //显示，同上 imgClip.setImageBitmap(bitmap); } private void save_drawCanvas(){ //将icon图像转换为Bitmap对象 Bitmap iconbit = BitmapFactory.decodeResource(getResources(), R.drawable.icon) ; //创建一个的Bitmap对象 Bitmap bitmap = Bitmap.createBitmap(200, 100, Config.ARGB_8888) ; Canvas canvas = new Canvas (bitmap) ; paint.setColor(Color.GREEN); paint.setTextSize(16); //设置字体大小 canvas.drawRect(10, 10, 50, 8, paint); canvas.drawText("我没有旋转",50, 10, paint); //保存canvas之前的操作,在sava()和restore之间的操作不会对canvas之前的操作进行影响 canvas.save() ; //顺时针旋转30度 canvas.rotate(30) ; canvas.drawColor(Color.RED); canvas.drawBitmap(iconbit, 20, 20, paint); canvas.drawRect(50, 10, 80, 50, paint); //canvas.translate(20,20); canvas.drawText("我是旋转的",115,20, paint); //复原之前save()之前的属性,并且将save()方法之后的roate(),translate()以及clipXXX()方法的操作清空 canvas.restore(); //平移(20,20)个像素 //canvas.translate(20,20); canvas.drawRect(80, 10, 110,30, paint); canvas.drawText("我没有旋转",115,20, paint); //将Bitmap对象转换为Drawable图像资 //为ImageView设置图像 //imgSave.setImageBitmap(bitmap); Drawable drawable = new BitmapDrawable(bitmap) ; imgSave.setBackgroundDrawable(drawable) ; } }

总的来说，Canvas理解起来还是比较纠结的，尤其是它的几个方法真是让人头疼，希望你能够自己编写相应的代码

理解透彻，才真正的有所收获。

标签: Canvas

来源: