本文标签: 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的源码:
</LinearLayout>
程序的源码:
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入门第十四篇之画图
Linux系统与内核学习群:194051772
WP建站技术学习交流群:194062106
[e01]顶虫哥
2010-10-27 20:29[e01]
2010-10-27 21:49[e01]
2010-10-28 23:50[e04]
2010-10-29 08:18高手
2010-10-29 13:20请教个问题 Bitmap.Config 中的几个常量 例如ALPHA_8,
2010-10-29 14:03ARGB_4444, ARGB_8888 ,RGB_565 都是什么意思呢 ,reference里面好像没说
回复 kx29126390:
2010-10-29 14:41这是位图编码,就像PS可以设置16位/32位色那样
长见识了
2010-10-31 21:36[e01]
2010-11-01 15:48[e01]
2010-11-01 17:55不错啊!支持![e01]
2010-11-01 20:53[e01]
2010-11-02 14:07[e04][e04]好
2010-11-02 21:48[e01][e01]学习哦!
2010-11-03 00:36讲的很是详细…收益…
2010-11-09 09:52[e01]
2010-11-22 10:45Typeface font = Typeface.create(familyName, Typeface.BOLD);
楼主,貌似加粗对中文来说是没用的。
需要用html来写
请问下,在bitmap.CompressFormat.jpg这里,怎么不能是bmp格式吗?
2010-11-26 22:04如果我想要保存为bmp格式,如何实现呢?请指点下!
[e01]
2011-01-07 09:35[e01]学习了
2011-01-29 14:09[e01][e03]
2011-04-01 16:21好东西,但是没见解
2011-04-09 13:06[e01]
2011-04-11 10:36dengweijun0944
2011-04-11 13:20样式苦手哟。
2011-04-11 16:12[e01]
2011-04-12 12:32[e01][e01][e01][e01][e01]
2011-06-03 10:10[e04]
2011-06-21 16:21很详细,顶一下
2011-07-19 11:02有一个问题:在方法ondraw()里话和没在里面画有什么区别,你的”写字“ 没在ondraw()里面
2011-08-30 12:08[reply]manymore13[/reply]
2011-08-30 21:30ondraw()是由系统自己调用,用户实现动画等效果
好文章。
2011-08-31 11:47这样的画图这几天自己摸索这把它做出来了,有没有动态画图的方法,像在ondraw()里写字,画图啊,有没有的方法去实现它
2011-10-09 17:44好文章!~
2011-11-10 15:45给力
2011-11-18 16:42正好用到,帮顶。。。。。
2011-12-05 15:49入门看完咯
2012-01-28 18:25你现在一定是非常牛的了!
2012-02-16 14:31[reply]hubenshan[/reply]
2012-02-16 18:45不牛,弱的很
在btn3上绘制图片的话,能不能设置透明背景,让绘制的图片和btn3 在视觉上形成一个图片?
2012-03-26 17:17[reply]feijimmy[/reply]
2012-03-26 20:39paint有个透明的模式
非顶不可。哈哈
2012-05-12 08:13