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

原创 2016年06月01日 09:01:39

概述

之前曾写过一篇文章介绍了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,5}, 1)); //设置画笔的路径效果为虚线效果
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        canvas.drawLine(0, 0, 100, 0, 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, 0, 100, 0, mPaint);表示的是相对左边为x,y坐标为0的位置开始,向右画出100px的虚线。
这里写图片描述
去掉Button按钮后,相对位置开始以屏幕左边框计算,如图所示:
这里写图片描述

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

2.画一条垂直虚线

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

canvas.drawLine(0, 0, 0, 100, mPaint);

3.画一个实心圆

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

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

2.在画布中画圆

canvas.drawCircle(50, 50, 50, mPaint);

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

4.画一个圆环

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

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        canvas.drawCircle(50, 50, 50, mPaint); //画一个外圆
        mPaint.setColor(Color.WHITE);           //重新设置画笔颜色
        canvas.drawCircle(50, 50, 30, mPaint); //画一个内圆
    }

5.画一个矩形

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        RectF rect = new RectF(0, 0, 80, 60);
        canvas.drawRect(rect, mPaint);
    }

相关文章推荐

android消除锯齿原理分析

前言 在Android中view绘画是很重要的一点,当view重写、surfaceView重写,都会涉及到如何把一个视图画的完美、边角不在毛躁躁,下面会从原来、业务场景、防锯齿、防锯齿实现原理。  一...

Android 绘图和shape圆形

实现: shape可以绘制矩形环形以及椭圆,所以只需要用椭圆即可,在使用的时候将控件比如imageview或textview的高宽设置成一样就是正圆,solid表示远的填充色,stroke则代表远的...

Android自定义view,ShapeView,多边形

童鞋们,你还在为绘制常用的多边形而烦恼吗?不用怕,小福利,有需要的尽管拿去!ShapeView,支持圆、三角形、正方形、五边形、五角星、六边形。 效果图:代码 attr.xml ...

android使用shape来绘制控件

在android中常使用shape来作为控件的背景,来实现对控件形状的设计 shape的文件 位于 drawable文件中  在drawable目录下 添加 任意文件名的xml文件(myshape.x...

Android中shape属性详解

一、简单使用 刚开始,就先不讲一堆标签的意义及用法,先简单看看shape标签怎么用。 1、新建shape文件 首先在res/drawable文件夹下,新建一个文件,命名为:shape...

shape画圆点

使用shape图形资源制作引导页面的提示圆点

在app引导界面通常有引导界面提示小圆点,下面简单介绍一下利用shape图形资源如何实现: 本文引导界面是使用的ViewPager,当ViewPager滑动时候可以动态的改变小圆点的颜色来提示用户 ...

Android Shape绘制实用圆圈

Android允许通过xml定义资源,常见的事string,id,integer,dimen等,也可以定义一些图片资源,比如用来做几何的矢量图就非常好用,其中有许多的细节问题,具体需求可以再结合goo...

ViewPager小圆点的绘制及用法

//画小圆点   backcolor.xml              //选中状态的小圆点    enabletrue.xml     an...

关于Android开发中SensorManager频率设置的问题

今天无聊,看了看Android手机传感器部分的编程,看到Android手机中的传感器在注册监听的时候,需要设置一个频率,其实这个频率可以理解为获取传感器状态和值的频率,我之前以为在Android手机中...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android中使用自定义View实现shape图形绘制
举报原因:
原因补充:

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