Android自定义View实现shape图形绘制

Android自定义View实现shape图形绘制,第1张

概述概述之前曾写过一篇文章介绍了Android中drawable使用Shape资源,通过定义drawable中的shape资源能够绘制简单的图形效果,如矩形,椭圆形,线形和圆环等。后来我在项目中正好遇到这样一个需求,要在特定的位置上显示

概述

之前曾写过一篇文章介绍了Android中drawable使用Shape资源,通过定义drawable中的shape资源能够绘制简单的图形效果,如矩形,椭圆形,线形和圆环等。后来我在项目中正好遇到这样一个需求,要在特定的位置上显示一条垂直的虚线。正当我胸有成竹的把上面的资源文件放入进去的时候,我才发现它并不能符合我的要求。使用shape画出的垂直虚线,其实就是将一条水平的线,旋转90度。但这样做的弊端就是,该VIEw有效区域为旋转90度后与原来位置相重合的区域,还不能随意的改动,这样的效果根本没法使用。于是我就想到使用自定义view来绘制我想要的结果。

1.画一条水平虚线

代码如下所示:

import androID.content.Context;import androID.graphics.Canvas;import androID.graphics.color;import androID.graphics.DashPathEffect;import androID.graphics.Paint;import androID.util.AttributeSet;import androID.vIEw.VIEw;public class CustVIEw extends VIEw{  private Paint mPaint; //定义画笔  public CustVIEw(Context context,AttributeSet attrs) {    super(context,attrs);    //初始化画笔    initPaint();    setLayerType(VIEw.LAYER_TYPE_SOFTWARE,mPaint); //4.0以上关闭硬件加速,否则虚线不显示  }  private voID initPaint() {    mPaint = new Paint();    mPaint.setAntiAlias(true); //设置抗锯齿的效果    mPaint.setStyle(Paint.Style.stroke); //设置画笔样式为描边    mPaint.setstrokeWIDth(3); //设置笔刷的粗细度    mPaint.setcolor(color.RED); //设置画笔的颜色    mPaint.setPathEffect(new DashPathEffect(new float[]{5,5,5},1)); //设置画笔的路径效果为虚线效果  }  @OverrIDe  protected voID onDraw(Canvas canvas) {    super.onDraw(canvas);    canvas.drawline(0,100,mPaint);  }}

布局文件中引用如下:

<com.test.CustVIEw  androID:layout_wIDth="100dp"  androID:layout_height="10dp"  androID:layout_margintop="10dp" />

说明:在自定义view的代码中,onDraw方法中执行的drawline方法,全名如下:

public voID drawline (float startX,float startY,float stopX,float stopY,Paint paint)

startX:起始端点x坐标
startY:起始端点y坐标
stopX:终止端点x坐标
stopY:终止端点y坐标

上面四个左边的值均以相对位置计算,即与左边控件的相对位置,如果左边没有控件则手机屏幕左边框的相对位置计算。
canvas.drawline(0,mPaint);表示的是相对左边为x,y坐标为0的位置开始,向右画出100px的虚线。

去掉button按钮后,相对位置开始以屏幕左边框计算,如图所示:

还有一点需要注意的是,stopX和stopY的值,不能超过该控件在xml中layout_wIDth和layout_height的值,否则将会以值最小的为基准,超出的长度无效。

2.画一条垂直虚线

与上面代码一致,只需要修改至下面一处:

canvas.drawline(0,mPaint);

3.画一个实心圆

1).首先设置画笔样式为实心

mPaint.setStyle(Paint.Style.FILL); //设置画笔样式为填充

2).在画布中画圆

canvas.drawCircle(50,50,mPaint);

同样X和Y的值,不能超过该控件在xml中layout_wIDth和layout_height的值。

4.画一个圆环

同样只需稍微修改一下代码:

  @OverrIDe  protected voID onDraw(Canvas canvas) {    super.onDraw(canvas);    canvas.drawCircle(50,mPaint); //画一个外圆    mPaint.setcolor(color.WHITE);      //重新设置画笔颜色    canvas.drawCircle(50,30,mPaint); //画一个内圆  }

5.画一个矩形

  @OverrIDe  protected voID onDraw(Canvas canvas) {    super.onDraw(canvas);    RectF rect = new RectF(0,80,60);    canvas.drawRect(rect,mPaint);  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android自定义View实现shape图形绘制全部内容,希望文章能够帮你解决Android自定义View实现shape图形绘制所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1141825.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-31
下一篇2022-05-31

发表评论

登录后才能评论

评论列表(0条)

    保存