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,
);