美文网首页
Flutter 学习之 Color转换

Flutter 学习之 Color转换

作者: 半城半离人 | 来源:发表于2022-04-04 09:26 被阅读0次

最近在做主题切换的尝试,发现从网络上获取的大多是#RRGGBB格式的颜色需要转成16进制的颜色所以有了这个小工具的封装

一.HEX转Color

  static Color hexToColor(String? code) {
  //先判断是否符合#RRGGBB的要求如果不符合给一个默认颜色
    if (code==null||code==""|| code.length != 7) {
      return Color(0xFFFF0000); //定了一个默认的主题色常量
    }
    #rrggbb 获取到RRGGBB转成16进制 然后在加上FF的透明度
    return Color(int.parse(code.substring(1, 7), radix: 16) + 0xFF000000);
  }

二.创造创建Material风格的color

  ///创建Material风格的color
  static MaterialColor createMaterialColor(Color color) {
    List strengths = <double>[.05];
    Map swatch = <int, Color>{};
    final int r = color.red, g = color.green, b = color.blue;

    for (int i = 1; i < 10; i++) {
      strengths.add(0.1 * i);
    }
    for (var strength in strengths) {
      final double ds = 0.5 - strength;
      swatch[(strength * 1000).round()] = Color.fromRGBO(
        r + ((ds < 0 ? r : (255 - r)) * ds).round(),
        g + ((ds < 0 ? g : (255 - g)) * ds).round(),
        b + ((ds < 0 ? b : (255 - b)) * ds).round(),
        1,
      );
    }
    return MaterialColor(color.value, swatch as Map<int, Color>);
  }

三.将Color转回HEX(默认透明度FF)

  /// 颜色检测只保存 #RRGGBB格式 FF透明度
  /// [color] 格式可能是材料风/十六进制/string字符串
  /// 返回[String] #rrggbb 字符串
  static String? color2HEX(Object color) {
    if (color is Color) {
      // 0xFFFFFFFF
      //将十进制转换成为16进制 返回字符串但是没有0x开头
      String temp = color.value.toRadixString(16);
      color = "#" + temp.substring(2, 8);
    }
      return color.toString();
  }

相关文章

网友评论

      本文标题:Flutter 学习之 Color转换

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