在Flutter中使用16进制颜色

最新推荐文章于 2024-04-26 11:42:51 发布
最新推荐文章于 2024-04-26 11:42:51 发布
阅读量4.2k 收藏
点赞数 2
分类专栏： Flutter 文章标签： Flutter 16进制 颜色 Color
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yongshiaoteman/article/details/106136022
版权

在Flutter中使用16进制颜色
使用16进制表示颜色是较为主流的方式, 那么在本篇文章中将简单讲讲如何在Flutter中使用16进制颜色.

方法一: 使用原生方法

Flutter中, Color类仅接收整数作为参数. 你也可以使用fromARGB或者fromRGBO.

比如拿到了一个16进制颜色#b74093. 因为Color还需要传入透明度, 255就是最大值(也就是不透明), 转为16进制就是0xFF, 所以我们只需这样表示:

const color = Color(0xffb74093);

正规一点的写法(可选, 因为大小写不敏感):

const color = Colo
最低0.47元/天 解锁文章
阿航_
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何在Flutter中使用十六进制颜色？
编程之路的专栏
03-30 1158
Q: 我如何在Flutter中把像"#b74093"这样的十六进制颜色字符串转换为Color ？ 我想在Dart中使用HEX颜色码。 A1: 在Flutter中，Color类只接受整数作为参数，也可以使用命名构造函数fromARGB和fromRGBO。 因此我们只需要将字符串#b74093转换为一个整数值。另外，不透明度总是需要被指定的。 十进制255的不透明度用十六进制值FF表示。这让我们得到了0xFF。现在，我们只需要像这样附加我们的颜色字符串: const color = const Color(
flutter开发实战-颜色Color与16进制转换
一名开发者
08-10 1566
flutter开发实战-颜色Color与16进制转换工具类
Flutter 16进制颜色转换
最新发布
m0_37618883的博客
04-26 259
为了方便我们开发时直接复制粘贴色值，我们封装一个类色值转换的类
Flutter中使用十六进制颜色字符串
热门推荐
数据联盟
03-20 1万+
在Flutter中使用十六进制颜色
Flutter中16进制颜色转换
BianHuanShiZhe的专栏
07-18 369
import 'dart:ui';class ColorHex extends Color {static int _getColorFromHex(String hexColor) {hexColor = hexColor.toUpperCase().replaceAll("#", "");if (hexColor.length == 6) {hexColor = "FF" + hexColor;}return int.parse(hexColor, radix: 16);}ColorHex(final
[Flutter]用16进制颜色字符串初始化Color
Gamin
02-29 711
【代码】[Flutter]用16进制颜色字符串初始化Color。
Flutter-16进制透明颜色对照表
Bonway的博客
03-30 1837
Flutter 16进制透明颜色对照表
flutter 将16进制颜色转换成flutter的argb形式
weixin_45425105的博客
03-12 1042
用 #RRGGBB 规定十六进制颜色，其中 RR（红色）、GG（绿色）和 BB（蓝色）十六进制整数指定颜色的成分（分量）。所有值必须在 00 到 FF 之间。 例如，＃0000ff 值呈现为蓝色，因为蓝色分量设置为最高值（ff），其他分量设置为 00。 如需增加透明度，请在 00 和 FF 之间添加两个额外的数字。 首先16进制颜色的表示是通过一个以“＃”开头的6位十六进制数值表示一种颜色。6位数字分为3组，每组两位，依次表示红、绿、蓝三种颜色的强度。例如：＃ff0000 比如#CDD920转化成flutt
Flutter中使用dio报错
04-29
有可能报错cros 有可能报错XMLHttpRequest
flutter 颜色选择
07-01
本篇文章将详细介绍如何在Flutter中实现颜色选择功能，以及如何使用描述中提到的颜色选择组件。 首先，Flutter中的颜色表示通常使用`Color`类，该类提供了大量的静态常量，如`Colors.red`、`Colors.blue`等，覆盖了...
flutter中使用基于flutter-sound的flutter-sound-record录音
01-20
本篇将详细讲解如何在Flutter中使用基于`flutter-sound`的`flutter-sound-record`库进行录音操作。 `flutter-sound`是一个强大的库，它为Flutter提供了音频播放、录制以及处理的功能。`flutter-sound-record`则是`...
在iOS和Android中使用抽奖方式-Flutter开发
05-27
flutter_lottie在Flutter中使用Lottie。 使用lottie-ios和lottie-android同时支持iOS和Android。当前状态支持bot flutter_lottie在Flutter中使用Lottie的大多数功能。 使用lottie-ios和lottie-android同时支持iOS和...
Flutter 中文手册.zip
03-25
在Flutter中，关键概念包括： 1. **Dart编程语言**：Flutter使用Dart作为其主要的编程语言，它是一种现代、面向对象的语言，具有强类型和垃圾回收机制。Dart支持单线程模型，通过Isolate（隔离）实现并发。 2. **...
Flutter中如何使用WillPopScope的示例代码
01-03
在Flutter中如何实现点击2次Back按钮退出App，如何实现App中多个Route（路由），如何实现Back按钮只退出指定页面，此篇文章将告诉你。 WillPopScope WillPopScope用于处理是否离开当前页面，在Flutter中有多种方式...
Flutter中使用进度条seekbar
01-07
效果图 引入依赖 flutter_seekbar: git: https://github.com/LiuC520/flutter_seekbar.git 全量demo代码 ...简化demo效果 ...import 'package:flutter_seekbar/flutter_seekbar.dart'; void main() =>
flutter-iconfont-cli:在flutter中使用iconfont图标，不依赖字体，支持多色彩
05-06
在项目文件pubspec.yml中加入flutter插件 flutter_svg { ... dependencies: # 版本号请以官方库的为准：https://pub.dev/packages/flutter_svg flutter_svg: ^0.19.3 ... } 然后执行flutter插件安装操作 ...
Checkbox在flutter中如何使用
06-10
在Flutter中，Checkbox是一个非常常用的组件，用于表示一个复选框。Checkbox需要两个状态，选中和未选中状态，当用户点击复选框时，它的状态会发生变化。 以下是使用Checkbox的示例代码： ```dart bool _isChecked = false; Checkbox( value: _isChecked, onChanged: (bool value) { setState(() { _isChecked = value; }); }, ) ``` 在上面的代码中，我们首先定义一个布尔型变量 `_isChecked`，表示复选框的状态。然后创建了一个 `Checkbox` 组件，并传入两个必要的参数： - `value` 表示复选框的当前状态，它必须是一个布尔值。 - `onChanged` 是一个回调函数，当用户点击复选框时，该函数会被调用，我们需要在该函数中改变 `_isChecked` 的值。 最后，我们将 `Checkbox` 组件包含在需要的 Widget 中即可。 需要注意的是，在使用 `Checkbox` 组件时，通常需要将其包裹在 `StatefulWidget` 中，并在 `onChanged` 回调函数中调用 `setState` 方法来更新组件的状态。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值