Android控件封装之虚线(一)

在android中，画实线可以利用view+底色+1px长或宽，来进行布局配置；但对于虚线，没有可以直接利用的虚线控件，也没有利用现有控件的比较好的实现方式。要想实现虚线，不外乎两种方式，一种是利用图片来实现，另一种就是利用画布画虚线来实现。利用图片的方式我就不介绍了，在这里介绍第二种方式，也就是利用画布来做。
首先我们定义一个类继承自View，在onDraw方法里面利用画布画出虚线，代码如下所示：

 

package cn.emag.utils.view;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.DashPathEffect;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathEffect;
import android.util.AttributeSet;
import android.view.View;

public class CustomDashedLineView extends View {

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

	}

	@SuppressLint("DrawAllocation")
	@Override
	protected void onDraw(Canvas canvas) {

		super.onDraw(canvas);
		Paint paint = new Paint();
		paint.setStyle(Paint.Style.STROKE);
		paint.setColor(getResources().getColor(Color.BLACK));

		Path path = new Path();
		path.moveTo(0, 5);
		path.lineTo(this.getWidth(), 5);

		PathEffect effects = new DashPathEffect(new float[] { 5, 5, 5, 5 }, 1);
		paint.setPathEffect(effects);
		canvas.drawPath(path, paint);
	}

}

在layout中使用：

		<cn.emag.gaoju.view.DashedLineView
                    android:layout_width="match_parent"
                    android:layout_height="10dp" >
                </cn.emag.gaoju.view.DashedLineView>

 

当然，对于虚线的样式，可以通过样式来传参数进去，进行控制，由于各个应用的需求都不一样，这里就不展开了。