Flutter color顏色用法

2022-08-18 03:45:11 字數 986 閱讀 5045

檢視color的原始碼:

static const color black = color(0xff000000);
可以看到,這裡的black也是賦值封裝好的,我們可以直接呼叫(colors.black 即可)。

當然系統也封裝了很多的color使用(檢視原始碼輕鬆找到),

上面我們可以看到有很多不同程度的紅色,預設就是原始的紅色,我們加乙個引數就可以呼叫其他的紅色了

primarycolor: colors.red[800]
在中括號後面加乙個數值就行了

但是如果我想自定義怎麼辦呢,那原始碼就是學習的例子,我們可以向原始碼一樣封裝,然後呼叫

import 'package:flutter/material.dart';

class ycolors

呼叫:

theme: themedata(

...primarycolor: ycolors.colorprimary,

primarycolordark: ycolors.colorprimarydark,

accentcolor: ycolors.coloraccent,

dividercolor: ycolors.dividercolor,

),

不過這裡注意color的值,不是#ff0000格式的了,是argb格式的

在flutter中,color使用的是argb,0x後面的就是argb,a就是ff表示透明度,rgb就是三原色了,

比如,rgb的紅色是#ff0000

所以,argb紅色我們就可以這樣表示

0xffff0000

我們除了改主題的顏色之外,還有很多系統的控制項顏色都可以修改的,檢視原始碼themedata即可。

opengl 指定清除螢幕用的顏色

我們寫 glclear gl color buffer bit 意思是把螢幕上的顏色清空。但實際上什麼才叫 空 呢?在宇宙中,黑色代表了 空 在一張白紙上,白色代表了 空 在信封上,信封的顏色才是 空 opengl用下面的函式來定義清楚螢幕後螢幕所擁有的顏色。在rgb模式下,使用glclearcol...

CSS的顏色用HSL可以做到

css 中的顏色可以由rgb色彩空間和hsl色彩空間兩種方式來表述。其中我們常用的是rgb色彩空間,rgb色彩空間的顏色表示方式有 十六進製制顏色 如紅色 ff0000 rgb顏色 如紅色 rgb 255,0,0 rgba顏色 如半透明的紅色rgba 255,0,0,0.5 此外常見的顏色可以直接寫...

用乙個TextView將文字用多種顏色顯示

如果要實現如圖中的兩種顏色的字型,想必大部分的人都會想到的是用兩個textview來實現,以前我也是,不過自從我了解到一種方法後就沒有用兩個textview了,好處嘛,我也說不出,但個人 感覺就是方便管理,好了,上 stringbuilder showprice new stringbuilder ...