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,都是加载好图片的,而本节我...

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

前言上一节,学会了Paint,Canvas的基本用法后,这一节,学习Paint的高级用法。还没看过上一节的请点击这里:Android_2D绘图的学习Paint,Canvas(一)。

Android学习笔记:OpenGL绘图总结

很久不用OpenGL ES绘图,怕自己忘记了,于是重新复习一遍,顺便原理性的东西总结如下: 1,Android 3D坐标系统    如图: Android的三维坐标系统中:       ...

android基础绘图学习

android一直是作为自己的一项爱好在搞,年前已经把目前主流的东西做成个demo, 但是毕竟不是学java的,也不是专业干android的,基础不足,只是把东西东拼西凑的,汇总在一起。 一些很好...

Android传感器之绘图篇——Handler学习

在学习Android传感器的过程中,需要采集传感器实时数据并显示在图表中,绘制图表采用Android自己带的canvas效率不高,因此需要采用第三方的绘图库achartengine。 首先简要介绍一...

2014-11-6Android学习------在手机上用鼠标绘图的处理---贝塞尔曲线(一)

写一篇文章很辛苦啊!!! 转载请注明,联系请邮件nlp30508@qq.com 我学习Android都是结合源代码去学习,这样比较直观,非常清楚的看清效果,觉得很好,今天的...

Android使用学习之绘图(Canvas,Paint)与手势感应及其应用(乒乓球小游戏)

作为一个没有学习Android的菜鸟,最近一直在工作之外努力地学习的Android的使用。这周看了下Android的绘图,主要是Canvas,Paint等,感觉需要实践下,就想整一个乒乓球的游戏,算是...

Android的绘图机制学习---自定义View

一、自定义View的使用: 通常我们为界面做UI设计时使用xml中的布局文件,这些布局文件及方法是androidAPI中所提供的。如果我们要实现一些复杂的布局或者一些特别的效果这样就会用到自定义V...

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

android中的绘图可以有两类,2D绘图和3D绘图。2D绘图中,经过理解和分析,个人觉得分为:1.简单的资源放置型;2.通过画布canvas绘图。 1.简单的资源放置型;     此类绘图可以简...

Android绘图,Canvas学习笔记

决定Android应用是否被用户接受的重要方面就是用户界面,为了提供友好的用户界面,就需要在应用中使用图片了。Android系统提供了丰富的图片功能支持,包括处理静态图片和动画等。 Android系...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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