动脑学院高级ui课程9.1:贝塞尔曲线简单介绍

相信很多人都听说过贝塞尔曲线,但是作为Android程序员的我们可能也没有具体的使用过贝塞尔曲线!好吧!是我之前没用过.......
关于贝塞尔曲线的介绍我就不多罗嗦了晚上有很多的文章,这里我给出一篇供大家参考:
http://blog.csdn.net/cdnight/article/details/48468653
这里给出一个github的开源库,大家可以看看贝塞尔曲线的效果:
https://github.com/venshine/BezierMaker
挺好玩的,总的来说贝塞尔曲线最低为2阶且理论上无上限。
本篇文章通过一个简单的例子,来初步探索一下贝塞尔曲线,废话不多说我们开始。

献上效果图:

1.gif

是不是挺有意思的呢?

实现思路:
1、画一条路径
通过Path工具类
2、获取手指移动的点的坐标,并将该点作为贝塞尔曲线的控制点
重写onTouchEvent()方法
3、实现回弹动画
自定义一个Animtion,当然也可以不自定义

具体代码实现
设置画笔:

private void init() {
    pointA = new Point(100, 300);
    pointB = new Point(500, 300);

    pointCenter = new Point(200, 300);

    mPaint = new Paint();
    mPaint.setColor(Color.BLACK);
    mPaint.setStrokeWidth(10);
    mPaint.setStyle(Paint.Style.STROKE);
    mPaint.setAntiAlias(true);
}

画路径:

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        bezierPath.reset();
        bezierPath.moveTo(pointA.x, pointA.y);
        //quadTo方法用于画贝塞尔曲线
        bezierPath.quadTo(pointCenter.x, pointCenter.y, pointB.x, pointB.y);
        //闭合path
//        bezierPath.close();
        canvas.drawPath(bezierPath, mPaint);
    }

这里要注意的是path的quadTo(int cx,int cy,int px,int py)方法,这个方法就是用于画贝塞尔曲线的。参数cx、cy分别表示控制点的x、y坐标,px、py分别表示结束点的x、y坐标。要注意rQuadTo()方法的区别

重写onTouchEvent方法:

@Override
public boolean onTouchEvent(MotionEvent event) {
    int action = event.getAction();
    int x = 0;
    int y = 0;
    switch (action) {

        case MotionEvent.ACTION_DOWN: {

        }
        case MotionEvent.ACTION_MOVE: {
            x = (int) event.getX();
            y = (int) event.getY();
            pointCenter.set(x, y);
        }
        break;
        case MotionEvent.ACTION_UP: {
            x = (int) event.getX();
            y = (int) event.getY();

            startCallbackAnim(x, y);
        }
        break;

    }
    invalidate();
    return true;
}

最后写一个动画:

private void startCallbackAnim(int x, int y) {
    ResetAnimation animation = new ResetAnimation(x, y);
    animation.setDuration(300);
    this.startAnimation(animation);
}

/**
* 自定义一个会弹动画
*/
class ResetAnimation extends Animation {

    int orginX;
    int orginY;

    public ResetAnimation(int x, int y) {
        orginX = x;
        orginY = y;
    }

    /**
    * 这个方法是为一个自定义动画需要重写的方法
    *
    * @param interpolatedTime 动画时间0~1.0
    * @param t
    */
    @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
        int newX = (int) ((orginX - 200) * (1 - interpolatedTime) + 200);
        int newY = (int) ((orginY - 300) * (1 - interpolatedTime) + 300);
        pointCenter.set(newX, newY);
        invalidate();
        super.applyTransformation(interpolatedTime, t);
    }
}

代码很简单大家可以自己去实现以下!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,295评论 6 512
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,928评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,682评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,209评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,237评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,965评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,586评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,487评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,016评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,136评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,271评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,948评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,619评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,139评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,252评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,598评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,267评论 2 358

推荐阅读更多精彩内容