Android

android自定义view锯齿状效果

2016-10-18  本文已影响87人  tea9
效果图
public class SawtoothBlackView extends View {
    //自定义画笔的属性
    private Paint paint;
    //获取屏幕的系数
    private DisplayMetrics dm;
    //不规则块的高
    private int big_heigth;
    //总的宽度
    private int big_width;
    //小角的高度
    private int triangle_height;
    //小角的高度
    private int triangle_width;
    //是否是向上画的
    private boolean state=true;

    public boolean getState() {
        return state;
    }

    public void setState(boolean state) {
        this.state = state;
    }

    public void setPaint(Paint paint) {
        this.paint = paint;
    }

    public void setDm(DisplayMetrics dm) {
        this.dm = dm;
    }

    public void setBig_heigth(int big_heigth) {
        this.big_heigth = big_heigth;
    }

    public void setBig_width(int big_width) {
        this.big_width = big_width;
    }

    public SawtoothBlackView(Context context) {
        super(context);
        init();
    }

    public SawtoothBlackView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public SawtoothBlackView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init();
    }

    public SawtoothBlackView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init(){
        dm= new DisplayMetrics();
        ((Activity)getContext()).getWindowManager().getDefaultDisplay().getMetrics(dm);
        paint = new Paint();
        //是否设置抗锯齿效果
        paint.setAntiAlias(true);
        //paint.setStyle(Paint.Style.STROKE);
        paint.setColor(getResources().getColor(R.color.black));
        //paint.setTextSize((float) 2.0);
        //paint.setStrokeWidth(3);
        this.big_heigth = (int) (30*dm.density);
        this.big_width = dm.widthPixels;
        this.triangle_width= (int) (20*dm.density);
        this.triangle_height=(int)(10*dm.density);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Path path = new Path(); //定义一条路径
        /**
         * 首先画出定点距离然后根据小角的宽度计算花多少次角
         * 解决铺不满的问题
         * 余数除以画的角的数量
         * 然后画每个角的时候加
         * 保证能铺满
         */
        if(state) {
            path.moveTo(0, 0);
            path.lineTo(0, big_heigth);
            int i = 1;
            int remainder= big_width%triangle_width;
            int lineCount=big_width /triangle_width*2;
            for (; i <= lineCount; i++) {
                path.lineTo((triangle_width / 2+((float)remainder/(float) lineCount)) * i, i % 2 == 0 ? big_heigth : big_heigth - triangle_height);
            }
            path.lineTo((triangle_width / 2+((float)remainder/(float) lineCount)) * (i > 1 ? i - 1 : i), 0);
            path.lineTo(0, 0);
        }else{
            path.moveTo(0,0);
            int i=1;
            int remainder= big_width%triangle_width;
            int lineCount=big_width /triangle_width*2;
            //path.lineTo(triangle_width/2*i+remainder,i%2==0?0:triangle_height);
            for(; i< lineCount; i++){
                path.lineTo( ((triangle_width/2+((float)remainder/(float) lineCount))*i),i%2==0?0:triangle_height);
            }
            path.lineTo(big_width,0);
            path.lineTo(big_width,  big_heigth);
            //path.lineTo(dm.widthPixels, big_heigth);
            path.lineTo(0, big_heigth);
            path.lineTo(0,0);
        }
        canvas.drawPath(path, paint);
    }
}

使用

<net.sourceforge.simcpux.customviewsawtoothstyle.SawtoothBlackView
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:id="@+id/sawtooth"
        />

默认是占满全屏幕的
修改参数参照

SawtoothBlackView sawtooth1= (SawtoothBlackView) findViewById(R.id.sawtooth1);
sawtooth1.setState(false);
上一篇下一篇

猜你喜欢

热点阅读