美文网首页Android
android自定义View贝赛尔曲线

android自定义View贝赛尔曲线

作者: tea9 | 来源:发表于2016-10-11 17:38 被阅读92次

参考:http://blog.csdn.net/z82367825/article/details/51599245
贝赛尔绘制心形
http://blog.csdn.net/u012296503/article/details/51510206

自定义view锯齿样式

效果图

继承view重写onDraw方法用穿过来的canvas画线

public class BezierTestView extends View {
    private int screenWidth;
    private Paint mPaint;
    private Path mPath;
    //两个距离的差越小角的高越小
    //最大距离 距离顶端 第一个顶点y
    private int first_y=30;
    //第一个顶点x
    private int first_x=0;
    //角的大小宽
    private int horn_size=20;
    //最小距离距离顶端
    private int minimum_distance=20;

    public int getMinimum_distance() {
        return minimum_distance;
    }

    public void setMinimum_distance(int minimum_distance) {
        this.minimum_distance = minimum_distance;
    }

    public int getScreenWidth() {
        return screenWidth;
    }

    public void setScreenWidth(int screenWidth) {
        this.screenWidth = screenWidth;
    }

    public int getFirst_x() {
        return first_x;
    }

    public int getFirst_y() {
        return first_y;
    }

    public void setFirst_x(int first_x) {
        this.first_x = first_x;
    }

    public void setFirst_y(int first_y) {
        this.first_y = first_y;
    }

    public int getHorn_size() {
        return horn_size;
    }

    public void setHorn_size(int horn_size) {
        this.horn_size = horn_size;
    }

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

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

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

    private void init() {
        //画笔
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(0xFF412129);
        mPath = new Path();
        WindowManager wm = (WindowManager) getContext()
                .getSystemService(Context.WINDOW_SERVICE);
        this.screenWidth=wm.getDefaultDisplay().getWidth();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPath.reset();
//        mPath.moveTo(0,90);
//        //mPath.lineTo(0,0);
//        mPath.lineTo(100,50);
//        mPath.lineTo(100*2,90);
//        mPath.lineTo(100*3,50);
//        mPath.lineTo(100*4,90);
//        mPath.lineTo(100*5,50);

        mPath.moveTo(first_x,first_y);
        //mPath.lineTo(50,10);
        for (int i=1;i<=screenWidth/horn_size;i++){
            //y前一个大角后一个小
            mPath.lineTo((i*horn_size)+first_x,i%2==0?first_y:minimum_distance);
        }
        canvas.drawPath(mPath, mPaint);
    }
}

使用

<net.sourceforge.simcpux.customviewsawtoothstyle.BezierTestView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white"
    android:id="@+id/testview"
/>

要修改角的大小 根据id获取到自定义View然后传参数

BezierTestView testview= (BezierTestView) findViewById(R.id.testview);
//testview.setScreenWidth(500);
//testview.setFirst_x(20);

示例代码
https://github.com/shaomiao/CustomViewSawtoothStyle

相关文章

  • 初试 贝塞尔曲线

    Android 绘图贝塞尔曲线简单使用 在Android中某些自定义View的时候需要绘制某些曲线,这时候贝塞尔曲...

  • 贝塞尔曲线

    实现1-7阶贝塞尔曲线的形成动画 自定义View——贝塞尔曲线

  • 自定义View进度球

    学习过了Android中贝塞尔曲线的画法贝塞尔曲线,我们就利用学到的东西自定义一下view,水波纹进度球也有叫能量...

  • Android自定义View——贝赛尔曲线

    个人博客:haichenyi.com。感谢关注   本文针对有一定自定义View的童鞋,最好对贝赛尔曲线有辣么一丢...

  • android自定义View贝赛尔曲线

    参考:http://blog.csdn.net/z82367825/article/details/5159924...

  • Android自定义View—贝塞尔曲线绘制及属性动画 (二)

    接着上一篇自定义送心控件效果来说,Android自定义View—贝塞尔曲线绘制及属性动画 (一) 。 上次我们用到...

  • Android动画

    安卓自定义View教程目录 Android绘图最终篇之大战贝塞尔三次曲线 Android 动画:你真的会使用插值器...

  • 贝塞尔曲线做画布和不规则布局

    贝塞尔曲线也是自定义View的常用知识点,在Android中也有API支持,二阶贝塞尔用的是quadTo,三阶是c...

  • Swift 3 打钩动画

    实现思路:自定义view,用贝赛尔曲线绘制三条线段,利用CAShapeLayer做个简单的动画其中三条线段的位置,...

  • 二、三阶贝赛尔曲线示例

    贝赛尔曲线大家应该都不陌生吧,如果你还陌生,那应该看看本文示例讲解的二、三阶贝赛尔曲线。本篇文章从基础开始,自定义...

网友评论

    本文标题:android自定义View贝赛尔曲线

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