当前位置: 首页 > 知识库问答 >
问题:

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

乐山
2023-03-14

我想为包含十六进制颜色代码的容器添加不透明度。我是新来的。请帮帮我。这是代码。提前感谢。

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

共有3个答案

傅高逸
2023-03-14

Flutter 对颜色使用十六进制 ARGB 值,这些值的格式为 const Color(0xAARRGGBB)。第一对字母 AA 表示 alpha 通道。必须将十进制不透明度值转换为十六进制值。

十六进制不透明度值:

100% — FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5% — 0D
0% — 00

例如:

static const Color mainColor = Color(0xff0097A7);

到:

static  Color accentColor = Color(0x1A0097A7);

会将不透明度更改为 10%。

岑畅
2023-03-14

如果你只是想为你的颜色设置一个不透明度,只需在你的颜色代码前添加2个十六进制数字即可。检查此答案以了解所有值。

但是,如果您想要更改所有小部件的不透明度,在您的情况下是一个容器,您可以将它包装成一个不透明度小部件,如下所示:

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

如果你想了解更多,请点击这里查看不透明度的文档和这个视频。

姬墨竹
2023-03-14

更改行

const Color(0xFF0E3311)

const Color(0xFF0E3311).withOpacity(0.5)

或者你想要的任何价值。

 类似资料:
  • 如何在Android系统中使用为跨文本设置alpha/不透明度?我想在一个

  • 问题内容: 嘿,我正在Google搜寻,但我找不到完美的答案 我想在父级DIV中设置不透明度,但在子级DIV中不设置透明度 例 的HTML CSS 注: - 我想 背景图像 中没有颜色 问题答案: 如果您在伪类中定义 背景图像 ,可能会很好。这样写:

  • 问题内容: 假设我要使JPanel%20的不透明度可见。我的意思不是setOpaque(绘制或不绘制)或setVisible(显示或隐藏)…我的意思是使其透明JPanel ..您知道吗? 这可能吗? 问题答案: 您还应该查看具有透明度的背景,以了解使用此功能时可能遇到的任何绘画问题。

  • 我在滚动窗格中有一个带有按钮的网格窗格。当所需的按钮数量不足以填充ScrollPane的最大大小时,它看起来像下面的图像。我需要将这个空白点设置为包含它的窗格的背景色。 我尝试将网格的背景颜色设置为包含它的背景窗格的相同颜色,但它只是用按钮为线条着色。如果我尝试将ScrollPane的不透明度设置为0,它也设置了按钮的不透明度,所以我看不到任何东西,即使我设置了按钮的不透明度之后。 我怎么能这么做

  • 我试图应用到中的Geojson层。留档似乎显示可以在样式配置中设置。 我想对象掩蔽/隐藏背景图。在这里,使用,颜色会应用到生成的,并且显示多边形。 但是,值似乎被忽略。 我还尝试使用的方法,但没有效果。 如何在传单中设置geojson对象或层的不透明度? 使用传单-传单-v0。5.1-0-gc1d410f。拉链

  • 问题内容: 是否可以设置和获取布局的Alpha /不透明度及其所有子视图?我不是在说背景。在相对布局中说出视频控件的集合,例如播放,暂停和进度条。 我可以使用动画淡入淡出,但想知道是否可以使用直接方法。 问题答案: 您可以使用持续时间为0的AlphaAnimation和setFillAfter选项在布局及其子级(或其他任何视图)上设置Alpha。 例: 您可以将一个动画用于多个组件以节​​省内存。