手把手教你实现一个流动的渐变色边框

前言

记得在介绍 motion_toast 一篇的时候，开篇有一张动图，边框是渐变色而且感觉是流动的。这个动效挺有趣的，当时也有人问怎么实现，经过上一篇《让你的聊天气泡丰富多彩！》后，有了实现思路了。

实现思路

首先要实现但是渐变色边框，这个其实可以参考上一篇的CustomPaint 的渐变填充实现。绘制一个矩形边框，然后让渐变色的区域填充到矩形区域内就可以了。

void paint(Canvas canvas, Size size) {final rectWidth = 300.0, rectHeight = 100.0;Rect rect = Offset(size.width / 2 - rectWidth / 2, size.height / 2 - rectHeight / 2) &Size(rectWidth, rectHeight);final paint = Paint()..shader = LinearGradient(begin: Alignment.topLeft,end: Alignment.bottomRight,colors:

手把手教你实现一个流动的渐变色边框相关推荐

手把手教你写一个生成对抗网络
成对抗网络代码全解析, 详细代码解析(TensorFlow, numpy, matplotlib, scipy) 那么,什么是 GANs? 用 Ian Goodfellow 自己的话来说: " ...
python手机版做小游戏代码大全-Python大牛手把手教你做一个小游戏，萌新福利！...
原标题:Python大牛手把手教你做一个小游戏,萌新福利! 引言最近python语言大火,除了在科学计算领域python有用武之地之外,在游戏.后台等方面,python也大放异彩,本篇博文将按照正规 ...
python k线合成_手把手教你写一个Python版的K线合成函数
手把手教你写一个Python版的K线合成函数在编写.使用策略时,经常会使用一些不常用的K线周期数据.然而交易所.数据源又没有提供这些周期的数据.只能通过使用已有周期的数据进行合成.合成算法已经有一个 ...
第五十八期:从0到1 手把手教你建一个区块链
近期的区块链重回热点,如果你想深入了解区块链,那就来看一下本文,手把手教你构建一个自己的区块链. 作者:Captain编译近期的区块链重回热点,如果你想深入了解区块链,那就来看一下本文,手把手教你构 ...
手把手教你写一个spring IOC容器
本文分享自华为云社区<手把手教你写一个spring IOC容器>,原文作者:技术火炬手. spring框架的基础核心和起点毫无疑问就是IOC,IOC作为spring容器提供的核心技术,成功 ...
手把手教你撸一个Web汇率计算器
手把手教你撸一个Web汇率计算器前言前段时间刚接触到前端网页开发,但是对于刚入门的小白而言,像flask.Django等这类稍大型的框架确实不太适合,今天这个Dash是集众家之长于一体的轻量化We ...
手把手教你写一个Matlab App（一）
对于传统工科的学生用的最多的编程软件应该就是matlab,其集成度高,计算能力强,容易上手,颇受大众青睐.今天挖的这个新坑,主要是分享用matlab app designer设计GUI界面的一些方法和 ...
还没理解微前端？手把手教你实现一个迷你版
大厂技术高级前端 Node进阶点击上方程序员成长指北,关注公众号回复1,加入高级Node交流群最近看了几个微前端框架的源码(single-spa[1].qiankun[2].micro- ...
后端思维篇：手把手教你写一个并行调用模板
前言 36个设计接口的锦囊中,也提到一个知识点:就是使用并行调用优化接口.所以接下来呢,就快马加鞭写第二篇:手把手教你写一个并行调用模板~ 一个串行调用的例子(App首页信息查询) Completio ...

手把手教你实现一个流动的渐变色边框

前言

实现思路

手把手教你实现一个流动的渐变色边框相关推荐

最新文章

热门文章