关闭

Android 自定义虚线段长和点宽

标签: android自定义虚线
152人阅读 评论(0) 收藏 举报
分类:

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为自定义的控件所在全类名。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:20032次
    • 积分:833
    • 等级:
    • 排名:千里之外
    • 原创:65篇
    • 转载:2篇
    • 译文:1篇
    • 评论:3条
    最新评论