Android控件封装之虚线(一)

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

[java]
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);
    }

}

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中使用：

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

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

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

补充：移动开发 , Android ,