前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter 中使用十六进制颜色代码【Flutter专题21】

Flutter 中使用十六进制颜色代码【Flutter专题21】

作者头像
徐建国
发布2021-12-22 11:51:15
2K0
发布2021-12-22 11:51:15
举报
文章被收录于专栏:个人路线个人路线

Flutter 中使用十六进制颜色代

在 Flutter 中, Color 类只接受整数作为参数, 否则我们需要使用名称构造函数 fromARGB/fromRGBO 如果我们有 Hexa 颜色代码,那么我们需要将这个 hexa 颜色代码转换为 int 类型的颜色代码。

选项 1:

我们可以通过在 Hexa 字符串中用 0XFF 替换“#”并通过创建 const 颜色变量来实现

代码语言:javascript
复制
const color = const Color(0xff0276e8);

然后我们可以在任何地方使用这个值。

选项 2:

创建一个颜色的类

代码语言:javascript
复制
class ColorUtil extends Color {
  static int _getColorFromHex(String hexColor) {
    hexColor = hexColor.toUpperCase().replaceAll("#", "");
    if (hexColor.length == 6) {
      hexColor = "FF" + hexColor;
    }
    return int.parse(hexColor, radix: 16);
  }

  ColorUtil(final String hexColor) : super(_getColorFromHex(hexColor));
}

并在任何 wdiget 中使用它

代码语言:javascript
复制
Color color=ColorUtil("#0276e8")
Color color=ColorUtil("0276e8")

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-12-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 坚果前端 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Flutter 中使用十六进制颜色代
  • 选项 1:
  • 选项 2:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档