Flutter 实战 - 用贝塞尔曲线画一个带文本的波浪球 Widget

叶应是叶 2019-10-29

云栖社区 编程语言 移动开发与客户端 android canvas void flutter

Flutter 实战 - 用贝塞尔曲线画一个带文本的波浪球 Widget

flutter 中的自定义 Widget 算作是 flutter 体系中比较高阶的知识点之一了,相当于原生开发中的自定义 View,以我个人的感受来说,自定义 widget 的难度要低于自定义 View,不过由于当前 flutter 的开源库还不算多丰富,所以有些效果还是需要开发者自己动手来实现,而本篇文章就来介绍如何用 flutter 来实现一个带文本的波浪球 Widget,实现的的效果如下所示:

源代码点击这里下载:https://github.com/leavesC/flutter_do

先来总结下该 WaveLoadingWidget 的特点,这样才能归纳出实现该效果所需的步骤

  1. widget 的主体是一个不规则的半圆,顶部以类似于波浪的形式从左往右上下波动运
登录 后评论
下一篇
云栖号资讯小编
473人浏览
2020-04-07
相关推荐
WPF实现三星手机充电界面
823人浏览
2018-05-24 16:14:00
纯 CSS 实现波浪效果!
960人浏览
2017-07-18 11:02:00
纯 CSS 实现波浪效果!
1282人浏览
2017-12-31 16:26:00
WPF画箭头
766人浏览
2018-08-08 16:21:00
0
0
0
1249