240 发简信
IP属地:湖南
  • Resize,w 360,h 240
    用 Flutter 呈现光影流动之美

    前言 Flutter 的画笔类 Paint 提供了很多图形绘制的配置属性,来供我们绘制更丰富多彩的图形。前面几篇我们介绍了 shader 属性来...

    0.2 0 0 1
  • Resize,w 360,h 240
    手把手教你实现一个流动的渐变色边框

    前言 记得在介绍 motion_toast一篇的时候,开篇有一张动图,边框是渐变色而且感觉是流动的。这个动效挺有趣的,当时也有人问怎么实现,经过...

  • Resize,w 360,h 240
    让你的 App 的聊天气泡丰富多彩!

    前言 在聊天类应用中,通常用气泡作为聊天内容的背景色,比如微信的聊天背景,别人发过来的是白色的气泡,自己发的是绿色的气泡。 上面这种是比较普通的...

  • Flutter 通过拖拽交互调整曲线控制点绘制图形

    前言 上一篇我们通过Listener获取触控点的位置作为贝塞尔曲线的控制点,实现曲线的交互式绘制。不过,上一篇有个缺陷,控制点绘制完成后只能撤销...

  • 通过交互绘制贝塞尔曲线

    前言 之前几篇我们介绍了贝塞尔曲线的原理、绘制曲线和动效实现,这些都是代码预设好的,如果我们要根据需要自行绘制曲线,就需要使用交互来实现了。本篇...

  • 贝塞尔曲线动起来的花样炫酷极了

    前面我们花了几篇介绍了贝塞尔曲线的原理和绘制贝塞尔曲线,着实让我们见识到了贝塞尔曲线的美。好奇心驱使我想看看贝塞尔曲线动起来会是什么样?本篇就借...

  • Resize,w 360,h 240
    用贝塞尔曲线玩出来的花样简直不要太美

    简介 我们在这一篇让你彻底搞懂贝塞尔曲线的原理[https://juejin.cn/post/7082701281969569829]介绍了贝塞...

  • Resize,w 360,h 240
    使用二阶贝塞尔曲线画爱心

    简介 上一篇这一篇让你彻底搞懂贝塞尔曲线的原理[https://www.jianshu.com/p/41e0650f14d4]中,我们介绍了贝塞...

    2.8 2433 0 14
  • Resize,w 360,h 240
    这一篇让你彻底搞懂贝塞尔曲线的原理

    贝塞尔曲线介绍 我们在前面讲了绘制自定义曲线,而实际开发过程还会遇到更复杂的图形绘制,比如下面的这些图形: 这时候就需要用到贝塞尔曲线了。下面是...