美文网首页Android
android自定义view锯齿状效果

android自定义view锯齿状效果

作者: tea9 | 来源:发表于2016-10-18 16:35 被阅读87次
    效果图
    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);

    相关文章

      网友评论

        本文标题:android自定义view锯齿状效果

        本文链接:https://www.haomeiwen.com/subject/sdctuttx.html