轻松为你的widget
添加'Cyber punk'风格的效果.
class CyberExample extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: Center(
child: CyberPunk(
child: Image(image: AssetImage('imgs/panda_cyber.webp')),
dur: 500,
cyberItemCount: 10,
infinite: true,
),
),
decoration: BoxDecoration(
color: Colors.blueGrey,
),
));
}
}
Param | Description | Default |
---|---|---|
dur | 每一个动画效果bar的渐隐、渐显时间 | 500 |
cyberItemCount | 每次循环中生成的动画效果bar的数量 | 10 |
cyberItemHeight | 每个生成的动画效果bar的高度 | 10 |
maxHeight | 动画区域的高度 | Widget's height |
repeatTimes | 动画重复次数 | 1 |
infinite | 是否无限循环(如果为true ,则 repeatTimes 参数无效 |
false |
主要使用了ClipPath
widget,最好的使用方式是与图片搭配。
原理并不复杂, 结果也并不完美,但好处是你可以轻松的改造它。