利用Android画圆弧canvas.drawArc()实例详解

前言

在学习android中图形图像处理技术这部分内容时,对绘制圆弧函数canvas.drawArc()的用法、参数含义及画图原理很是不理解,在网上搜索了一些,加上自己的理解,在此做个小总结,下面来一起看看吧。

示例代码

public void drawArc(@NonNull RectF oval, float startAngle, float sweepAngle, boolean useCenter,
  @NonNull Paint paint) {
 drawArc(oval.left, oval.top, oval.right, oval.bottom, startAngle, sweepAngle, useCenter,
  paint);
 }

要实现这个方法,我们要传5个参数进去。

第一个参数:RectF oval

oval 参数的作用是:定义的圆弧的形状和大小的范围

 /**
  * 这是一个居中的圆
  */
 float x = (getWidth() - getHeight() / 2) / 2;
 float y = getHeight() / 4;

 RectF oval = new RectF( x, y,
  getWidth() - x, getHeight() - y); 

第二个参数:float startAngle

这个参数的作用是设置圆弧是从哪个角度来顺时针绘画的

canvas.drawArc(oval,-90,120,false,mPaint);

canvas.drawArc(oval,90,110,false,mPaint);

//设置为-180的时候也是这样
canvas.drawArc(oval,180,140,false,mPaint);

//设置为360的时候也是这样
canvas.drawArc(oval,0,140,false,mPaint);

第三个参数:float sweepAngle

这个参数的作用是设置圆弧扫过的角度

我们从上面的代码就可以知道其中的作用了

第四个参数:boolean useCenter

这个参数的作用是设置我们的圆弧在绘画的时候,是否经过圆形

值得注意的是,这个参数在我们的 mPaint.setStyle(Paint.Style.STROKE); 设置为描边属性的时候,是看不出效果的。

  /**
  *这里我是偷懒了,建议不要在onDraw()方法里初始化对象
  */
  Paint p = new Paint();//这个是画矩形的画笔,方便大家理解这个圆弧
  p.setStyle(Paint.Style.STROKE);
  p.setColor(Color.RED);

  mPaint.setAntiAlias(true);//取消锯齿
  mPaint.setStyle(Paint.Style.FILL);//设置画圆弧的画笔的属性为描边(空心),个人喜欢叫它描边,叫空心有点会引起歧义
  mPaint.setStrokeWidth(mCircleWidth);
  mPaint.setColor(Color.CYAN);

  /**
   * 这是一个居中的圆
   */
  float x = (getWidth() - getHeight() / 2) / 2;
  float y = getHeight() / 4;

  RectF oval = new RectF( x, y,
    getWidth() - x, getHeight() - y);

  canvas.drawArc(oval,360,140,false,mPaint);//画圆弧,这个时候,绘制没有经过圆心
  canvas.drawRect(oval, p);//画矩形

//当我们设置为true的时候,绘制的时候就经过圆心了
canvas.drawArc(oval,360,140,true,mPaint);

第五个参数:Paint paint

这个参数的作用是设置我们的画笔对象的属性

//当我们设置为true的时候,绘制的时候就经过圆心了
canvas.drawArc(oval,360,140,true,mPaint);

这里还是要强调一下,当 p.setStyle(Paint.Style.STROKE)的时候,我们的第四个参数boolean useCenter ,是看不到效果的。

下面是代码全文

public class CustomProgress extends View{

 private Paint mPaint;

 /**
  * 圆的宽度
  */
 private int mCircleWidth = 3;

 public CustomProgress(Context context) {
  this(context, null);
 }

 public CustomProgress(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
 }

 public CustomProgress(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  mPaint = new Paint();
 }

 @Override
 protected void onDraw(Canvas canvas) {
  mPaint.setAntiAlias(true);//取消锯齿
  mPaint.setStyle(Paint.Style.FILL);
  mPaint.setStrokeWidth(mCircleWidth);
  mPaint.setColor(Color.CYAN);

  /**
   * 这是一个居中的圆
   */
  float x = (getWidth() - getHeight() / 2) / 2;
  float y = getHeight() / 4;

  RectF oval = new RectF( x, y,
    getWidth() - x, getHeight() - y); 

  canvas.drawArc(oval,360,140,true,mPaint);
 }
}

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对我们的支持。

(0)

相关推荐

  • Android TextView(圆弧)边框和背景实例详解

     Android TextView 圆弧 效果图: 布局代码: <TextView android:id="@+id/product_tag" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:singleLine="true" androi

  • Android中Canvas的常用方法总结

    一.对Canvas进行操作 对Canvas的一系列操作,是指对Canvas进行旋转.平移.缩放等操作. 这些操作可以让Canvas对象使用起来更加便捷. 二.Canvas平移 /** * 画布向(100,50)方向平移 * * 参数1: 向X轴方向移动100距离 * 参数2: 向Y轴方向移动50距离 */ canvas.translate(100, 50); 三.Canvas缩放 /** * 在X轴方向放大为原来2倍,Y轴方向方大为原来的4倍 * 参数1: X轴的放大倍数 * 参数2: Y轴的放

  • Android中Paint类和Canvas类的方法汇总

    Paint类的常用的方法 1.setColor方法,用于设置画笔的颜色, public void setColor(int color)//参数color为颜色值,也可以使用Color类定义的颜色 Color.BLACK:黑色 Color.BLUE:蓝色 Color.CYAN:青绿色 Color.DKGRAY:灰黑色 Color.YELLOW:黄色 Color.GRAY:灰色 Color.GREEN:绿色 Color.LTGRAY:浅绿色 Color.MAGENTA:红紫色 Color.TRAN

  • Android 中View.onDraw(Canvas canvas)的使用方法

    Android 中View.onDraw(Canvas canvas)的使用方法 View通过View.onDraw(Canvas canvas)来Draw. 我们可以定义自己的继承于View的TestView,然后重载View.onDraw(Canvas canvas). 对于自定义的TestView如何与Activity关联?有以下两种方式: 直接在setContentView(View view)里面加进去自定义的View:setContentView(new TestView(this)

  • Android 游戏开发之Canvas画布的介绍及方法

    Canvas,在英语中,这个单词的意思是帆布.在Android中,则把Canvas当做画布,只要我们借助设置好的画笔(Paint类)就可以在画布上绘制我们想要的任何东西:另外它也是显示位图(Bitmap类)的核心类.随用户的喜好,Canvas还可设置一些关于画布的属性,比如,画布的颜色.尺寸等.Canvas提供了如下一些方法:    Canvas(): 创建一个空的画布,可以使用setBitmap()方法来设置绘制具体的画布.    Canvas(Bitmap bitmap): 以bitmap对

  • Android使用ImageView 制作透明圆弧实例代码

    这几天因为项目需求,需要在ImageView上面叠加一层透明圆弧,并且在沿着圆弧的方向显示相应的文字,效果如下图所示: 拿到这个需求,首先想到的是自定义一个ImageView来实现此功能,即在onDraw()中绘制圆弧和文字.同时因为要保证圆弧的位置可以任意摆放,圆弧的颜色.透明度以及文字大小.颜色等都是可控的,所以增加了一些自定义属性.实现代码非常简单,如下: 1.自定义ImageView: package com.chunk.customviewsdemo.views.ArcImageVie

  • Android 自定View实现仿QQ运动步数圆弧及动画效果

    在之前的Android超精准计步器开发-Dylan计步中的首页用到了一个自定义控件,和QQ运动的界面有点类似,还有动画效果,下面就来讲一下这个View是如何绘制的. 1.先看效果图 2.效果图分析 功能说明:黄色的代表用户设置的总计划锻炼步数,红色的代表用户当前所走的步数. 初步分析:完全自定义View重写onDraw()方法,画圆弧. 3.画一个圆弧必备知识 在Canvas中有一个画圆弧的方法 drawArc(RectF oval, float startAngle, float sweepA

  • Android使用Canvas绘制圆形进度条效果

    前言 Android自定义控件经常会用到Canvas绘制2D图形,在优化自己自定义控件技能之前,必须熟练掌握Canvas绘图机制.本文从以下三个方面对Canvas绘图机制进行讲解: 画布Canvas 画笔Paint 示例圆形进度条 画布Canvas 首先,来看一下Android官网对Canvas类的定义: The Canvas class holds the "draw" calls.To draw something, you need 4 basic components: A B

  • Android开发之图形图像与动画(一)Paint和Canvas类学习

    Paint类 *Paint类代表画笔,用来描述图形的颜色和风格,如线宽,颜色,透明度和填充效果等信息. *使用Paint类时,需要先创建该类的对象,可以通过该类的构造函数实现.通常情况的实现代码是: *Paintpaint=newPaint(); *创建完Paint对象后,可以通过该对象提供的方法对画笔的默认设置进行改变 Canvas *Canvas类代表画布,通过该类提供的构造方法,可以绘制各种图形. *通常情况下,要在Android中绘图,需要先创建一个继承自View类的视图,并且在该类中重

  • Android实现渐变色的圆弧虚线效果

    首先来看看效果图: 1,SweepGradient(梯度渲染) public SweepGradient (float cx, float cy, int[] colors, float[] positions) 扫描渲染,就是以某个点位中心旋转一周所形成的效果!参数依次是: cx:扫描的中心x坐标 cy:扫描的中心y坐标 colors:梯度渐变的颜色数组 positions:指定颜色数组的相对位置 public static final int[] SWEEP_GRADIENT_COLORS

随机推荐