HardBirch

Android入门第十四篇之画图

时间:10-10-27 栏目:安卓入门与提高 作者:张飞不张,文采横飞 评论:41 点击: 16,865 次

        常用控件说了不少,现在说说手机开发中也常用到的画图。要掌握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入门第十四篇之画图

Android入门第十四篇之画图:目前有41 条留言

  1. 41楼
    kf156:

    [e01]顶虫哥

    2010-10-27 20:29 [回复]
  2. 40楼
    hmc1985:

    [e01]

    2010-10-27 21:49 [回复]
  3. 39楼
    binyanye1:

    [e01]

    2010-10-28 23:50 [回复]
  4. 38楼
    umitor:

    [e04]

    2010-10-29 08:18 [回复]
  5. 37楼
    hscbd:

    高手

    2010-10-29 13:20 [回复]
  6. 36楼
    kx29126390:

    请教个问题 Bitmap.Config 中的几个常量 例如ALPHA_8,
    ARGB_4444, ARGB_8888 ,RGB_565 都是什么意思呢 ,reference里面好像没说

    2010-10-29 14:03 [回复]
  7. 35楼
    hellogv:

    回复 kx29126390:
    这是位图编码,就像PS可以设置16位/32位色那样

    2010-10-29 14:41 [回复]
  8. 34楼
    xuchaoding:

    长见识了

    2010-10-31 21:36 [回复]
  9. [e01]

    2010-11-01 15:48 [回复]
  10. 32楼
    wenlibin1985:

    [e01]

    2010-11-01 17:55 [回复]
  11. 不错啊!支持![e01]

    2010-11-01 20:53 [回复]
  12. 30楼
    zhangjw0304:

    [e01]

    2010-11-02 14:07 [回复]
  13. 29楼
    aa83366:

    [e04][e04]好

    2010-11-02 21:48 [回复]
  14. 28楼
    burststar:

    [e01][e01]学习哦!

    2010-11-03 00:36 [回复]
  15. 27楼
    freemancy:

    讲的很是详细…收益…

    2010-11-09 09:52 [回复]
  16. 26楼
    ymdcr:

    [e01]
    Typeface font = Typeface.create(familyName, Typeface.BOLD);
    楼主,貌似加粗对中文来说是没用的。
    需要用html来写

    2010-11-22 10:45 [回复]
  17. 25楼
    tdskee:

    请问下,在bitmap.CompressFormat.jpg这里,怎么不能是bmp格式吗?
    如果我想要保存为bmp格式,如何实现呢?请指点下!

    2010-11-26 22:04 [回复]
  18. 24楼
    lqz1988:

    [e01]

    2011-01-07 09:35 [回复]
  19. 23楼
    fengbangyue:

    [e01]学习了

    2011-01-29 14:09 [回复]
  20. 22楼
    n70joey:

    [e01][e03]

    2011-04-01 16:21 [回复]
  21. 21楼
    panpinglei:

    好东西,但是没见解

    2011-04-09 13:06 [回复]
  22. 20楼
    m9303109:

    [e01]

    2011-04-11 10:36 [回复]
  23. dengweijun0944

    2011-04-11 13:20 [回复]
  24. 18楼
    chenyanbo:

    样式苦手哟。

    2011-04-11 16:12 [回复]
  25. [e01]

    2011-04-12 12:32 [回复]
  26. 16楼
    a313670123b:

    [e01][e01][e01][e01][e01]

    2011-06-03 10:10 [回复]
  27. 15楼
    chen3273099:

    [e04]

    2011-06-21 16:21 [回复]
  28. 14楼
    liulimin3001:

    很详细,顶一下

    2011-07-19 11:02 [回复]
  29. 13楼
    manymore13:

    有一个问题:在方法ondraw()里话和没在里面画有什么区别,你的”写字“ 没在ondraw()里面

    2011-08-30 12:08 [回复]
  30. 12楼
    hellogv:

    [reply]manymore13[/reply]
    ondraw()是由系统自己调用,用户实现动画等效果

    2011-08-30 21:30 [回复]
  31. 11楼
    yudajun:

    好文章。

    2011-08-31 11:47 [回复]
  32. 10楼
    tyfflows:

    这样的画图这几天自己摸索这把它做出来了,有没有动态画图的方法,像在ondraw()里写字,画图啊,有没有的方法去实现它

    2011-10-09 17:44 [回复]
  33. 好文章!~

    2011-11-10 15:45 [回复]
  34. 8楼
    l525315488:

    给力

    2011-11-18 16:42 [回复]
  35. 正好用到,帮顶。。。。。

    2011-12-05 15:49 [回复]
  36. 6楼
    yeahwell:

    入门看完咯

    2012-01-28 18:25 [回复]
  37. 5楼
    hubenshan:

    你现在一定是非常牛的了!

    2012-02-16 14:31 [回复]
  38. 4楼
    hellogv:

    [reply]hubenshan[/reply]
    不牛,弱的很

    2012-02-16 18:45 [回复]
  39. 地板
    feijimmy:

    在btn3上绘制图片的话,能不能设置透明背景,让绘制的图片和btn3 在视觉上形成一个图片?

    2012-03-26 17:17 [回复]
  40. 板凳
    hellogv:

    [reply]feijimmy[/reply]
    paint有个透明的模式

    2012-03-26 20:39 [回复]
  41. 沙发
    weipt:

    非顶不可。哈哈

    2012-05-12 08:13 [回复]

发表评论


QQ群互动

Linux系统与内核学习群:194051772

WP建站技术学习交流群:194062106

魔豆之路QR

魔豆的Linux内核之路

魔豆的Linux内核之路

优秀工程师当看优秀书籍

优秀程序员,要看优秀书!

赞助商广告

友荐云推荐