欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【Flutter】Color的详细用法【使用及设置透明度等】

程序员文章站 2024-03-18 12:38:22
...

Flutter-color详细用法

color源码

主要使用ARGB颜色值

class Colors {
  // This class is not meant to be instatiated or extended; this constructor
  // prevents instantiation and extension.
  // ignore: unused_element
  Colors._();

  /// Completely invisible.
  static const Color transparent = Color(0x00000000);
 }

1. 直接使用

color: Colors.grey

2. 使用ARGB【可设置透明度】

0x后面是ARGB,A定义FF表示透明度,RGB代表三原色

color: Color(0xFF5e12a9)

ARGB颜色透明度全量

00%=FF(不透明) 
5%=F2 
10%=E5 
15%=D8 
20%=CC 
25%=BF 
30%=B2 
35%=A5 
40%=99 
45%=8c 
50%=7F 
55%=72 
60%=66 
65%=59 
70%=4c 
75%=3F 
80%=33 
85%=21 
90%=19 
95%=0c 
100%=00(全透明)

3.自定义color方法-待补充