石狮制作网站,php大型综合网站源码,凡科删除建设的网站,网站推广工具有BorderRadiusTween 是插值动画中#xff0c;用于组件边框半径的类#xff0c;专门作用于组件边框和半径动化过度。
这个类继承自Tween#xff0c;用法相似。
下面是示例写法
class BorderRadiusTweenPage extends StatefulWidget {overrideStateStatefulWidget c…BorderRadiusTween 是插值动画中用于组件边框半径的类专门作用于组件边框和半径动化过度。
这个类继承自Tween用法相似。
下面是示例写法
class BorderRadiusTweenPage extends StatefulWidget {overrideStateStatefulWidget createState() {return _BorderRadiusTweenPageState();}
}class _BorderRadiusTweenPageState extends StateBorderRadiusTweenPagewith SingleTickerProviderStateMixin {late AnimationController _animationController;late Animation _animation;overridevoid initState() {// TODO: implement initStatesuper.initState();_animationController AnimationController(vsync: this, duration: Duration(seconds: 2))..repeat(reverse: true);_animation BorderRadiusTween(begin: BorderRadius.circular(0), end: BorderRadius.circular(100)).animate(_animationController)..addStatusListener((status) {if (status AnimationStatus.completed) {_animationController.reverse();} else if (status AnimationStatus.dismissed) {_animationController.forward();}});_animationController.forward();}overridevoid dispose() {_animationController.dispose();// TODO: implement disposesuper.dispose();}overrideWidget build(Object context) {return Center(child: AnimatedBuilder(animation: _animation,builder: (context, child) {return Container(width: 200,height: 200,decoration: BoxDecoration(color: Colors.amber, borderRadius: _animation.value),);}),);}
}与其他构造动画时候的套路是一致的首先需要AnimateController和Animation这两个类。
在Tween的begin和end中参数需要指定BorderRadius.circular 用于指定矩形圆角的过渡。
在下方build方法中的BoxDecoration类是用于修饰Container类用于指定边框圆角阴影等等。