Flutter 如何在颤振中设置容器的不透明度

Flutter 如何在颤振中设置容器的不透明度,flutter,flutter-layout,Flutter,Flutter Layout,我想为包含十六进制颜色代码的容器设置不透明度。我是个新手。请帮帮我。这是代码。提前谢谢 final body = Container( width: MediaQuery.of(context).size.width, margin: const EdgeInsets.only(left: 40.0, right: 40.0), padding: EdgeInsets.all(28.0), decoration: new BoxDecoration( color:

我想为包含十六进制颜色代码的容器设置不透明度。我是个新手。请帮帮我。这是代码。提前谢谢

final body = Container(
  width: MediaQuery.of(context).size.width,

  margin: const EdgeInsets.only(left: 40.0, right: 40.0),
  padding: EdgeInsets.all(28.0),
   decoration: new BoxDecoration(
     color:   const Color(0xFF0E3311),//here i want to add opacity

   border: new Border.all(color: Colors.black54,
   ),
       borderRadius: new BorderRadius.only(
           topLeft: const Radius.circular(40.0),
           topRight: const Radius.circular(40.0),
       bottomLeft: const Radius.circular(40.0),
       bottomRight:const Radius.circular(40.0) )
),

  child: Column(
    children: <Widget>[ email, password,loginButton],
  ),
);
final body=容器(
宽度:MediaQuery.of(context).size.width,
边距:仅限常量边集(左:40.0,右:40.0),
填充:所有边缘设置(28.0),
装饰:新盒子装饰(
color:constcolor(0xFF0E3311),//我想在这里添加不透明度
边框:新边框。全部(颜色:Colors.black54,
),
borderRadius:仅限新的borderRadius(
左上角:常数半径。圆形(40.0),
右上角:常数半径。圆形(40.0),
左下角:常数半径。圆形(40.0),
右下角:常数半径。圆形(40.0))
),
子:列(
儿童:[电子邮件、密码、登录按钮],
),
);

flatter使用ARGB格式的32位颜色值,其中a=Alpha、R=RED、G=GREEN和B=BLUE

因此,为了控制不透明度,您可以更改常量颜色(0xFF0E3311)中十六进制值的前两位数的值,您可以使用范围为
0x000E3311
0x010E3311
0xFF0E3311
的值

希望有帮助

换行

const Color(0xFF0E3311)


或者任何您想要的值。

如果您只想设置颜色的不透明度,只需在颜色代码前添加两个十六进制数即可。选中此项以了解所有值

但是,如果您想更改所有小部件的不透明度,在您的例子中是容器,您可以将其包装到一个不透明度小部件中,如下所示:

double _opacityValue = 0.50;//This value goes from 0.0 to 1.0. In this case the opacity is from 50%

final Widget _bodyWithOpacity = Opacity(
  opacity: _opacityValue,
  child: body,
);
检查不透明度的文档,如果你想了解更多的信息,请快速阅读

这里是代码
const Color(0xFF0E3311)
0x之后有两个值(在上面的代码“FF”中)表示不透明度FF'表示不透明,00'表示完全透明。因此,通过更改此值,可以更改颜色不透明度。 此外,我们还通过颜色类diff opacity value color获得白色和黑色的颜色。例如
Colors.white70
表示不透明度为70%的白色

我们可以使用
color.fromRGBO(255,255,255,0.5)
来表示不透明度。

我们应该在构造函数中提供背景时使用,如下面的“backgroundColor:Colors.black.withOpacity(0.5)”,否则它将显示编译错误消息。
double _opacityValue = 0.50;//This value goes from 0.0 to 1.0. In this case the opacity is from 50%

final Widget _bodyWithOpacity = Opacity(
  opacity: _opacityValue,
  child: body,
);