美文网首页
变形,变形

变形,变形

作者: doit_7b21 | 来源:发表于2019-12-06 15:53 被阅读0次

这里没有废话之先上效果图。

效果图

这里没有废话之思路描述

1.确定你需要的变化的形状
2.确定这个形状需要的关键点
3.连点成线,画出来
4.移动关键点形成动画

这里没有废话之核心代码

if (changeStep == 0 || changeStep == 3) {
            path.moveTo(points[0][0], points[0][1]);
            path.quadTo(points[0][0] + distance, points[0][1] - distance * radio, points[1][0], points[1][1]);
            path.quadTo(points[1][0] + distance * radio, points[1][1] + distance, points[2][0], points[2][1]);
            path.quadTo(points[2][0] - distance, points[2][1] + distance * radio, points[3][0], points[3][1]);
            path.quadTo(points[3][0] - distance * radio, points[3][1] - distance, points[0][0], points[0][1]);
        }
        if (changeStep == 2 || changeStep == 1) {
            if (changeStep == 1) {
                points[0][0] = points[3][0] + distanceOffset;
                points[1][0] = points[2][0] - distanceOffset;
            }
            if (changeStep == 2) {
                points[0][0] = points[3][0] - distanceOffset + distance;
                points[1][0] = points[2][0] + distanceOffset - distance;
            }
            path.moveTo(points[0][0], points[0][1]);
            path.lineTo(points[1][0], points[1][1]);
            path.lineTo(points[2][0], points[2][1]);
            path.lineTo(points[3][0], points[3][1]);
            path.lineTo(points[0][0], points[0][1]);
        }

这里没有废话之总结

1.贝塞尔曲线
2.Matrix
3.RGB颜色渐变

这里没有废话之鸣谢

原来Android自带模拟器能录制GIF

相关文章

网友评论

      本文标题:变形,变形

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