Flutter 顏色使用2022-06-13 周一

特殊顏色

特殊顏色方便方法非常好浩聋,比如紅色

Colors.red;

16進制表示的int值

這個有點繞屡拨,不過顏色值用16進制表示確實比RGB或者RGBA要來的方便湃崩。

  • 設計圖的顏色切換要改一下惶我,改成AHEX模式
AHEX模式
  • 代碼中就用下面的方法承耿,前兩位的FF代表透明度
Color(0xFF11BA66);

字符串表示的16進制

  • 一般沒有開頭的FF冠骄;就比如“#11BA66”;加上開頭的#加袋,一共7個字符凛辣。這種格式用得很多,后臺返回的字段往往就是這種职烧。設計圖的HEX模式就是這樣的扁誓。
HEX模式
  • 這種模式Flutter沒有對應的顏色構造方法防泵,不得不說非常失敗。

  • 一般可以自己寫一個工具方法蝗敢,把這種模式利用起來捷泞。字符串轉Color對象。有很多種寫法寿谴,感覺下面這種比較好锁右。

Color hexToColor(String s) {
// 如果傳入的十六進制顏色值不符合要求,返回默認值
if (s == null || s.length != 7 || int.tryParse(s.substring(1, 7), radix: 16) == null) {
s = '#999999';
}
return new Color(int.parse(s.substring(1, 7), radix: 16) + 0xFF000000);
}

關于透明度

UI給8為的16進制是最好的讶泰。如果給6為和透明度怎么辦呢咏瑟?這里有人做了一份對應表。

16進制色值前兩位的透明值(不透明度)


0% (00)
1% (03) 2% (05) 3% (08) 4% (0A) 5% (0D)
6% (0F) 7% (12) 8% (14) 9% (17) 10% (1A)
11% (1C) 12% (1F) 13% (21) 14% (24) 15% (26)
16% (29) 17% (2B) 18% (2E) 19% (30) 20% (33)
21% (36) 22% (38) 23% (3B) 24% (3D) 25% (40)
26% (42) 27% (45) 28% (47) 29% (4A) 30% (4D)
31% (4F) 32% (52) 33% (54) 34% (57) 35% (59)
36% (5C) 37% (5E) 38% (61) 39% (63) 40% (66)
41% (69) 42% (6B) 43% (6E) 44% (70) 45% (73)
46% (75) 47% (78) 48% (7A) 49% (7D) 50% (80)
51% (82) 52% (85) 53% (87) 54% (8A) 55% (8C)
56% (8F) 57% (91) 58% (94) 59% (96) 60% (99)
61% (9C) 62% (9E) 63% (A1) 64% (A3) 65% (A6)
66% (A8) 67% (AB) 68% (AD) 69% (B0) 70% (B3)
71% (B5) 72% (B8) 73% (BA) 74% (BD) 75% (BF)
76% (C2) 77% (C4) 78% (C7) 79% (C9) 80% (CC)
81% (CF) 82% (D1) 83% (D4) 84% (D6) 85% (D9)
86% (DB) 87% (DE) 88% (E0) 89% (E3) 90% (E6)
91% (E8) 92% (EB) 93% (ED) 94% (F0) 95% (F2)
96% (F5) 97% (F7) 98% (FA) 99% (FC) 100%(FF)

“透明度”還是“不透明度”這個要看清楚啊痪署,靈活做一下轉換码泞。實際試驗下來發(fā)現(xiàn)對應的是“藍湖”上的“不透明度”

參考文章

Flutter十六進制顏色轉換成顏色對象

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市惠桃,隨后出現(xiàn)的幾起案子浦夷,更是在濱河造成了極大的恐慌辖试,老刑警劉巖辜王,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異罐孝,居然都是意外死亡呐馆,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進店門莲兢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來汹来,“玉大人,你說我怎么就攤上這事改艇∈瞻啵” “怎么了?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵谒兄,是天一觀的道長摔桦。 經(jīng)常有香客問我,道長承疲,這世上最難降的妖魔是什么邻耕? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮燕鸽,結果婚禮上兄世,老公的妹妹穿的比我還像新娘。我一直安慰自己啊研,他們只是感情好御滩,可當我...
    茶點故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布鸥拧。 她就那樣靜靜地躺著,像睡著了一般艾恼。 火紅的嫁衣襯著肌膚如雪住涉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天钠绍,我揣著相機與錄音舆声,去河邊找鬼。 笑死柳爽,一個胖子當著我的面吹牛媳握,可吹牛的內容都是我干的。 我是一名探鬼主播磷脯,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼蛾找,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了赵誓?” 一聲冷哼從身側響起打毛,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎俩功,沒想到半個月后幻枉,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡诡蜓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年熬甫,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蔓罚。...
    茶點故事閱讀 38,814評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡椿肩,死狀恐怖,靈堂內的尸體忽然破棺而出豺谈,到底是詐尸還是另有隱情郑象,我是刑警寧澤,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布茬末,位于F島的核電站厂榛,受9級特大地震影響,放射性物質發(fā)生泄漏团南。R本人自食惡果不足惜噪沙,卻給世界環(huán)境...
    茶點故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望吐根。 院中可真熱鬧正歼,春花似錦、人聲如沸拷橘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至萄唇,卻和暖如春檩帐,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背另萤。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工湃密, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人四敞。 一個月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓泛源,卻偏偏與公主長得像,于是被迫代替她去往敵國和親忿危。 傳聞我的和親對象是個殘疾皇子达箍,可洞房花燭夜當晚...
    茶點故事閱讀 43,728評論 2 351

推薦閱讀更多精彩內容