Android 自定义虚线段长和点宽

原创 2016年08月31日 10:50:44

1、在attrs中自定义所需属性:

<declare-styleable name = "Dashedline">
    <attr name = "lineColor" format= "color" />
    <attr name = "lineWidth" format= "float"/>
</declare-styleable >

lineColor表示虚线的颜色,lineWidth虚线点的间隔和虚线点宽。

2、自定义继承View 的Dashedline:

/**
* 自定义虚线
*
*/
public class Dashedline extends View {

/**
 * 画笔
 */
private Paint paint = null;
/**
 * 设置虚线的宽度
 */
private Path path = null;
private PathEffect pe = null;

public Dashedline(Context context, AttributeSet attrs) {
    super(context, attrs);

    // 通过R.styleable.dashedline获得我们在attrs.xml中定义的
    // <declare-styleable name="dashedline"> TypedArray
    TypedArray dashedline = context.obtainStyledAttributes(attrs, R.styleable.Dashedline);

    // 我们在attrs.xml中<declare-styleable name="dashedline">节点下
    // 添加了<attr name="lineColor" format="color" />
    // 表示这个属性名为lineColor类型为color。当用户在布局文件中对它有设定值时
    // 可通过TypedArray获得它的值当用户无设置值是采用默认值0XFF00000

    // <attr name = "lineWidth" format= "float"/>
    // 表示这个属性名为lineWidth类型为float。当用户在布局文件中对它有设定值时
    // 可通过TypedArray获得它的值当用户无设置值是采用默认值2.0F线之间的间隔和虚线段宽
    int lineColor = dashedline.getColor(R.styleable.Dashedline_lineColor, 0XFF000000);
    float lineWidth = dashedline.getFloat(R.styleable.Dashedline_lineWidth, 2.0F);
    dashedline.recycle();
    this.paint = new Paint();
    this.path = new Path();
    this.paint.setStyle(Paint.Style.STROKE);
    this.paint.setColor(lineColor);
    this.paint.setAntiAlias(true);
    this.paint.setStrokeWidth(CommentUtils.dip2px(getContext(), lineWidth));
    float[] arrayOfFloat = new float[4];
    arrayOfFloat[0] = CommentUtils.dip2px(getContext(), lineWidth);
    arrayOfFloat[1] = CommentUtils.dip2px(getContext(), lineWidth);
    arrayOfFloat[2] = CommentUtils.dip2px(getContext(), lineWidth);
    arrayOfFloat[3] = CommentUtils.dip2px(getContext(), lineWidth);
    this.pe = new DashPathEffect(arrayOfFloat, CommentUtils.dip2px(getContext(), lineWidth));

}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    this.path.moveTo(0.0F, 0.0F);
    this.path.lineTo(getMeasuredWidth(), 0.0F);
    this.paint.setPathEffect(this.pe);
    canvas.drawPath(this.path, this.paint);
    }
}

3、用到的转dp的工具类CommentUtils:

public class CommentUtils {
/**
 * convert the dip to the pix
 */
    public static int dip2px(Context context, float dpValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);

        }
 }

4、在用到虚线的地方引入 xmlns:dash=”http://schemas.android.com/apk/res/com.example.lines”
其中dash为自定义的控件属性代号,com.example.lines本应用包名:

<com.example.lines.Dashedline
    android:layout_width="match_parent"
    android:layout_height="5dp"
    dash:lineColor="#999999"
    dash:lineWidth="5" />

其中com.example.lines.Dashedline为自定义的控件所在全类名。

版权声明:本文为博主原创文章,未经博主允许不得转载。若转载请注明出处

自学自定义view--画虚线

之前项目中需要虚线,直接在drawable里写了xml形式的效果,后来发现在5.0以后的手机上显示有问题,不知道是偶然还是什么,就“咬咬牙”决定自己画个。。。效果实在简单,原谅我说的这么丢人,因为我从...
  • zouwansheng123
  • zouwansheng123
  • 2016年04月29日 11:24
  • 664

android自定义View---生成虚线的View

android自定义View---生成虚线的View 分类: android2013-07-18 21:51 340人阅读 评论(0) 收藏 举报 1.在res/values/目录...
  • pi9nc
  • pi9nc
  • 2014年03月11日 10:04
  • 6672

Android中绘制虚线

概述今天给大家介绍两种实现虚线的方式方式一:利用shape绘制
  • Small_Lee
  • Small_Lee
  • 2016年08月08日 17:03
  • 10765

自适应各种宽度的虚线怎么做?

说到虚线,大家肯定想到shape,比如:
  • Coomagic
  • Coomagic
  • 2016年12月09日 10:13
  • 507

自定义view--虚线的绘制

今天给大家带来的是自定义view-虚线的绘制。
  • mackkill
  • mackkill
  • 2016年01月08日 14:27
  • 3208

Android Arcgis入门(三)、GraphicsLayer添加点、线、面

GraphicsLayer是图形图层,可以自定义图形添加到地图上。调用GraphicsLayer的addGraphic方法就能添加图形,此方法要一个Graphic对象,此对象的构造方法是Graphic...
  • Gary__123456
  • Gary__123456
  • 2017年03月23日 22:43
  • 2357

安卓开发画虚线

一、使用shape
  • ithouse
  • ithouse
  • 2016年09月12日 14:55
  • 1177

浅谈自定义View的宽高获取

自定义View的时候经常少不了获取View的宽高信息,当然不一定是自定义View的时候才会需要获取宽高信息,其他情况下我们也会有这样的需求,获取方式和获取的时机也十分讲究.下面分别从这几个api讲起:...
  • mChenys
  • mChenys
  • 2016年11月25日 17:32
  • 11733

19、android 自定义虚线

一、介绍 android 中经常使用到虚线,横着的虚线直接使用 shape实现。但是要想使用shape实现竖着的虚线却不是那么方便。于是想到使用View自定义一个虚线 。...
  • FDoubleman
  • FDoubleman
  • 2017年07月11日 21:01
  • 172

android自定义串点分割线(由圆点组成一条线)

这是源码:package com.laka.live.ui.widget;import android.content.Context; import android.graphics.Canvas;...
  • l_o_s
  • l_o_s
  • 2017年06月21日 17:01
  • 549
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android 自定义虚线段长和点宽
举报原因:
原因补充:

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