【Flutter】颜色值 透明度的处理

我不是女神ヾ 2024-04-03 10:27 187阅读 0赞

【Flutter】颜色值 透明度的处理

Color类原生方法

Color.fromRGBO(r, g, b, opacity)

  1. Color.fromRGBO(153, 50, 204, 0.5)
  2. // opacity:  透明度 0～1

Color.fromARGB(a, r, g, b)

  1. Color.fromARGB(255, 55, 1, 200)
  2. // a:  alpha值，0是透明的，255是完全不透明的

0xff处理16进制

  1. Color(0xFFb74093)
  2. Color(0xffb74093)

Colors

  1. Colors.blue

自定义类

创建一个HexColor类

  1. class HexColor extends Color {
  3.   static int _getColorFromHex(String hexColor) {
  5.     hexColor = hexColor.toUpperCase().replaceAll("#", "");
  6.     if (hexColor.length == 6) {
  8.       hexColor = "FF" + hexColor;
  9.     }
  10.     return int.parse(hexColor, radix: 16);
  11.   }
  13.   HexColor(final String hexColor) : super(_getColorFromHex(hexColor));
  14. }

传入16进制字符串颜色值

  1. HexColor("#b74093")

Opacity透明度组件

  1. const Opacity({
  3.   Key key,
  4.   @required this.opacity, // 透明度opacity >= 0.0 && opacity <= 1.0
  5.   this.alwaysIncludeSemantics = false,
  6.   Widget child,
  7. })

发表评论

表情：
评论列表 （有 0 条评论，187人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Flutter 随机颜色 颜色处理工具类

    > 在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就

    小灰灰小灰灰/ 0 赞/ 71 阅读