Android学习之绘图入门

转载 2015年07月07日 16:10:38

Android的绘图继承于View组件,重写onDraw(Canvas canvas) 方法时涉及一个绘图API: Canvas 代表了依附于指定View的画布,并且提供了很多绘制方法。

Canvas提供的方法还涉及一个API: Paint ,Paint代表了Canvas上的画笔,主要用于设置绘制风格,画笔颜色,粗细,填充风格等。

Path代表任意多条直线连接而成的任意图形,当Canvas根据Path绘制图形时,它可以绘制出任意形状的图形。

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.view.View;

public class MyView extends View {
public MyView(Context context, AttributeSet set) {
super(context, set);
}

@Override
// 重写该方法,进行绘图
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // 把整张画布绘制成白色
    canvas.drawColor(Color.WHITE);
    Paint paint = new Paint();
    // 去锯齿
    paint.setAntiAlias(true);
    paint.setColor(Color.BLUE);
    paint.setStyle(Paint.Style.STROKE);
    paint.setStrokeWidth(3);
    // 绘制圆形
    canvas.drawCircle(40, 40, 30, paint);
    // 绘制正方形
    canvas.drawRect(10, 80, 70, 140, paint);
    // 绘制矩形
    canvas.drawRect(10, 150, 70, 190, paint);
    RectF re1 = new RectF(10, 200, 70, 230);
    // 绘制圆角矩形
    canvas.drawRoundRect(re1, 15, 15, paint);
    RectF re11 = new RectF(10, 240, 70, 270);
    // 绘制椭圆
    canvas.drawOval(re11, paint);
    // 定义一个Path对象,封闭成一个三角形。
    Path path1 = new Path();
    path1.moveTo(10, 340);
    path1.lineTo(70, 340);
    path1.lineTo(40, 290);
    path1.close();
    // 根据Path进行绘制,绘制三角形
    canvas.drawPath(path1, paint);
    // 定义一个Path对象,封闭成一个五角形。
    Path path2 = new Path();
    path2.moveTo(26, 360);
    path2.lineTo(54, 360);
    path2.lineTo(70, 392);
    path2.lineTo(40, 420);
    path2.lineTo(10, 392);
    path2.close();
    // 根据Path进行绘制,绘制五角形
    canvas.drawPath(path2, paint);
    // ----------设置填充风格后绘制----------
    paint.setStyle(Paint.Style.FILL);
    paint.setColor(Color.RED);
    canvas.drawCircle(120, 40, 30, paint);
    // 绘制正方形
    canvas.drawRect(90, 80, 150, 140, paint);
    // 绘制矩形
    canvas.drawRect(90, 150, 150, 190, paint);
    RectF re2 = new RectF(90, 200, 150, 230);
    // 绘制圆角矩形
    canvas.drawRoundRect(re2, 15, 15, paint);
    RectF re21 = new RectF(90, 240, 150, 270);
    // 绘制椭圆
    canvas.drawOval(re21, paint);
    Path path3 = new Path();
    path3.moveTo(90, 340);
    path3.lineTo(150, 340);
    path3.lineTo(120, 290);
    path3.close();
    // 绘制三角形
    canvas.drawPath(path3, paint);
    Path path4 = new Path();
    path4.moveTo(106, 360);
    path4.lineTo(134, 360);
    path4.lineTo(150, 392);
    path4.lineTo(120, 420);
    path4.lineTo(90, 392);
    path4.close();
    // 绘制五角形
    canvas.drawPath(path4, paint);
    // ----------设置渐变器后绘制----------
    // 为Paint设置渐变器
    Shader mShader = new LinearGradient(0, 0, 40, 60, new int[] {
            Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW }, null,
            Shader.TileMode.REPEAT);
    paint.setShader(mShader);
    // 设置阴影
    paint.setShadowLayer(45, 10, 10, Color.GRAY);
    // 绘制圆形
    canvas.drawCircle(200, 40, 30, paint);
    // 绘制正方形
    canvas.drawRect(170, 80, 230, 140, paint);
    // 绘制矩形
    canvas.drawRect(170, 150, 230, 190, paint);
    RectF re3 = new RectF(170, 200, 230, 230);
    // 绘制圆角矩形
    canvas.drawRoundRect(re3, 15, 15, paint);
    RectF re31 = new RectF(170, 240, 230, 270);
    // 绘制椭圆
    canvas.drawOval(re31, paint);
    Path path5 = new Path();
    path5.moveTo(170, 340);
    path5.lineTo(230, 340);
    path5.lineTo(200, 290);
    path5.close();
    // 根据Path进行绘制,绘制三角形
    canvas.drawPath(path5, paint);
    Path path6 = new Path();
    path6.moveTo(186, 360);
    path6.lineTo(214, 360);
    path6.lineTo(230, 392);
    path6.lineTo(200, 420);
    path6.lineTo(170, 392);
    path6.close();
    // 根据Path进行绘制,绘制五角形
    canvas.drawPath(path6, paint);
    // ----------设置字符大小后绘制----------
    paint.setTextSize(24);
    paint.setShader(null);
    // 绘制7个字符串
    canvas.drawText(getResources().getString(R.string.circle), 240, 50,paint);
    canvas.drawText(getResources().getString(R.string.square), 240, 120,paint);
    canvas.drawText(getResources().getString(R.string.rect), 240, 175,paint);
    canvas.drawText(getResources().getString(R.string.round_rect), 230,220, paint);
    canvas.drawText(getResources().getString(R.string.oval), 240, 260,paint);
    canvas.drawText(getResources().getString(R.string.triangle), 240, 325,paint);
    canvas.drawText(getResources().getString(R.string.pentagon), 240, 390,paint);
}

}

这里写图片描述

Android基础入门教程——8.3.1 三个绘图工具类详解

Android基础入门教程——8.3.1 三个绘图工具类详解标签(空格分隔): Android基础入门教程本节引言: 上两小节我们学习了Drawable以及Bitmap,都是加载好图片的,而本节我...

通过创建一个位图的XY Chart来学习Android绘图类Rect,Paint,Bitmap,Canvas(附源码)

本文出自:http://woshixushigang.iteye.com/blog/1023876 通过创建一个位图的XY Chart来学习Android绘图类Rect,Paint,Bi...

Android Drawable绘图学习小结

如何获取 res 中的资源数据包package:android.content.res主要类:ResourcesAndroid SDK中的简介:Class for accessing an appli...

android 学习笔记 view和surfaceView的2D绘图

android中的绘图可以有两类,2D绘图和3D绘图。2D绘图中,经过理解和分析,个人觉得分为:1.简单的资源放置型;2.通过画布canvas绘图。 1.简单的资源放置型;     此类绘图可以简...
  • fmworld
  • fmworld
  • 2011年09月14日 11:50
  • 1086

Android_2D绘图的学习Paint,Canvas(三)

前言上一节,学习了Paint的高级用法后,这一节我们将canvas的用法。主要涉及到canvas的绘制坐标变换translate,rotate。还没看过上一节的请点击这里:Android_2D绘图的学...

Android_2D绘图的学习Paint,Canvas(一)

前言安卓2D绘图,都是主要涉及到2个类:Paint,Canvas.

Android绘图,Canvas学习笔记

决定Android应用是否被用户接受的重要方面就是用户界面,为了提供友好的用户界面,就需要在应用中使用图片了。Android系统提供了丰富的图片功能支持,包括处理静态图片和动画等。 Android系...

Android学习笔记之绘图api以及自定义视图

在对应的xml文件中调用这个View

android学习之绘图和触摸事件结合的小例子

如下图,你点击哪一块区域,程序就会提示你。 里面主要是有MyCircle类完成,MyCircle继承View类,并重写其onDraw函数,onTouchEvent函数。当MyCircle显示时,...

android学习之绘图总结

以下是程序的运行结果: 代码如下: package com.example.njupt.zhb.canvastest; import android.R.integer; import and...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android学习之绘图入门
举报原因:
原因补充:

(最多只允许输入30个字)