Flutter 样式定制透明度

Opacity:改变child widget的透明度.

Opacity(
  opacity: ...,
  child: Text("呵呵"),
)

opacity属性的值的范围在0.0到1.0之间。0代表完全透明,1代表完全不透明。 有时候也可以使用Opacity来实现Widget的隐藏与显示。

TextButton样式

tyle: ButtonStyle(
              //字体  这里设置颜色没用
              textStyle:
              MaterialStateProperty.all(TextStyle(fontSize: 36.sp,fontWeight: FontWeight.w700)),
              //字体颜色
              foregroundColor: MaterialStateProperty.all(Colors.white),
              //圆角弧度
              shape: MaterialStateProperty.all(
                  RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(WZP.setRpx(20)))),
              //背景颜色
                backgroundColor: MaterialStateProperty.all(
                    Colors.black),
               //边框
			        side: MaterialStateProperty.all(
			          BorderSide(
			              color: Colors.red,
			              width: 0.67),
			        ),
              //设置按钮的大小
              minimumSize: MaterialStateProperty.all(Size(WZP.setRpx(670), 			WZP.setRpx(120))),
            ),

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
要让一个 Flutter widget 从透明度 0 渐显,你可以使用 `AnimatedOpacity` widget。这个 widget 允许你在一段时间内改变子 widget 的透明度。下面是一个示例代码: ```dart class MyWidget extends StatefulWidget { @override _MyWidgetState createState() => _MyWidgetState(); } class _MyWidgetState extends State<MyWidget> with SingleTickerProviderStateMixin { AnimationController _controller; Animation<double> _opacityAnimation; @override void initState() { super.initState(); _controller = AnimationController( vsync: this, duration: Duration(seconds: 1), // 动画的持续时间 ); _opacityAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(_controller); _controller.forward(); // 开始动画 } @override void dispose() { _controller.dispose(); // 记得释放动画控制器 super.dispose(); } @override Widget build(BuildContext context) { return AnimatedOpacity( opacity: _opacityAnimation.value, // 使用动画的值作为透明度 duration: Duration(seconds: 1), // 动画的持续时间 child: YourChildWidget(), // 要渐显的子 widget ); } } ``` 在上面的示例中,我们创建了一个继承自 `StatefulWidget` 的 `MyWidget`,并在 `initState` 方法中初始化了一个动画控制器 `_controller` 和一个透明度动画 `_opacityAnimation`。然后,在 `build` 方法中,我们将 `AnimatedOpacity` 作为根 widget,通过设置 `opacity` 属性来控制子 widget 的透明度。最后,在 `initState` 方法中我们调用了 `_controller.forward()` 来开始动画。 这样,你就可以实现一个 widget 从透明度 0 渐显的效果了。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黄毛火烧雪下

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值