美文网首页
Flutter 设置透明和半透明背景颜色及渐变颜色

Flutter 设置透明和半透明背景颜色及渐变颜色

作者: Superman168 | 来源:发表于2024-01-07 16:17 被阅读0次

前言

以前不知道Flutter中的颜色怎么设置半透明,半路出家,今天需要了,又查了一下看到其实很简单:

1. 设置半透明

Colors.black.withOpacity(0.6),随意调节,可控

2. 设置全透明

Colors.transparent

3. 渐变颜色的设置

只需要用Containner 包一下就可以了:

Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.centerLeft,
          end: Alignment.centerRight,
          colors: [
            Colors.red.withOpacity(0.5),
            Colors.green.withOpacity(0.7),
            Colors.blue.withOpacity(0.6),
          ],
        ),
      ),
    ),

有时候Flutter开发还是挺简单的,上手入门很简单,但同时也有一些缺点。

相关文章

  • 背景颜色渐变

    思路 通过几个Plane颜色变化,实现背景色叠加渐变: Plane需要设置半透明 颜色值均随机(R、G、B) 颜色...

  • Android 半透明颜色对照表

    工具帖,供实现UI时设置半透明颜色的参照表 平时各类UI背景颜色可能需要设置半透明效果,一般格式为:#AARRGG...

  • UINavigationBar属性的设置

    想要改变Bar的背景颜色可以这样设置 取消半透明效果可以这样设置(默认是YES半透明的,设置成NO就是不透明) 这...

  • 如何设置字体和边框的渐变色

    字体渐变色主要由背景颜色设置,设置字体颜色为透明,背景色渐变。 边框渐变色使用css3的linear-gradie...

  • CSS揭秘笔记(2):背景与边框

    第2章:背景与边框 1.半透明边框 背景知识:RGBA/HSLA颜色-给一个容器设置白色背景和一道半透明白色边框,...

  • 使用css3背景渐变中的透明度来设置不同颜色的背景渐变

    使用css3背景渐变中的透明度来设置不同颜色的背景渐变 为了添加透明度,我们使用 rgba() 函数来定义颜色结点...

  • iOS模态出半透明的视图

    模态出一个半透明的视图,在目标视图中设置背景颜色然后发现模态动作结束后变成了黑色或者不是半透明的颜色。 解决方案:...

  • 随手记记

    HUD 其他说法:指示器、遮盖、蒙板 半透明HUD的做法背景色设置为半透明颜色 定时任务 方法1:performS...

  • iOS 设置颜色透明度的渐变

    背景颜色渐变重影 渐变重影 开发过程中,大多设置渐变色背景是不带透明度的,但是有些浅色背景下,设置黑色的透明度,然...

  • 解密CSS笔记(一)

    半透明边框 通过rgb和hsla进行颜色设置: 设置padding-box代表浏览器会用内边距来裁剪背景,这时候b...

网友评论

      本文标题:Flutter 设置透明和半透明背景颜色及渐变颜色

      本文链接:https://www.haomeiwen.com/subject/cjntndtx.html