flutter 怎么實(shí)現(xiàn)app整體灰色效果
Flutter 是 Google 開(kāi)源的 UI 工具包，幫助開(kāi)發(fā)者通過(guò)一套代碼庫(kù)高效構(gòu)建多平臺(tái)精美應(yīng)用，支持移動(dòng)、Web、桌面和嵌入式平臺(tái)。Flutter 開(kāi)源、免費(fèi)，擁有寬松的開(kāi)源協(xié)議，適合商業(yè)項(xiàng)目。
舉國(guó)哀悼, 進(jìn)入各種大廠的app也可以看到主色都變成灰色的了
作為程序員我們肯定會(huì)想怎么可以實(shí)現(xiàn)的, 我簡(jiǎn)單研究了10分鐘, flutter中只要在整體外面套一個(gè)ShaderMask, 然后修改blendMode即可
核心代碼:
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return ShaderMask(
child: OKToast(
child: MaterialApp(
title: 'Pick Image Demo',
theme: ThemeData(
primarySwatch: Colors.lime,
),
home: MyHomePage(title: 'Pick Image Demo'),
),
),
shaderCallback: (Rect bounds) {
return ui.Gradient.linear(Offset.zero,
Offset(bounds.width, bounds.height), [Colors.grey, Colors.grey]);
},
// blendMode: BlendMode.dst,
blendMode: BlendMode.saturation,
);
}
}
在最外層套一個(gè)ShaderMask,
然后返回一個(gè)shader就可以了, 這里我用的是漸變的Gradient ,還有別的方式可以用
效果:
之前:
[文件]
之后:
總結(jié)
到此這篇關(guān)于flutter 怎么實(shí)現(xiàn)app整體灰度效果的文章就介紹到這了,更多相關(guān)flutter app灰度內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Android拍照上傳功能用法,結(jié)合實(shí)例形式詳細(xì)分析了Android拍照上傳功能所涉及的相關(guān)知識(shí)點(diǎn)與功能實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-08-08
Java操作Ant壓縮和解壓文件及批量打包Anroid應(yīng)用
這篇文章主要介紹了使用Java操作Ant壓縮和解壓文件以及批量打包Anroid應(yīng)用的教程,Ant是一個(gè)自動(dòng)化部署工具,用來(lái)處理zip和tar文件非常方便,需要的朋友可以參考下2016-02-02
Android實(shí)現(xiàn)炫酷的網(wǎng)絡(luò)直播彈幕功能
這篇文章主要為大家詳細(xì)介紹了Android仿網(wǎng)絡(luò)直播彈幕功能的實(shí)現(xiàn)方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
Android控件Spinner實(shí)現(xiàn)下拉列表及監(jiān)聽(tīng)功能
這篇文章主要介紹了Android控件Spinner實(shí)現(xiàn)下拉列表及監(jiān)聽(tīng)功能,這是在Web開(kāi)發(fā)中一個(gè)必不可少的交互性組件，而在Android中的對(duì)應(yīng)實(shí)現(xiàn)就是Spinner。需要的朋友可以參考下2018-07-07
Android pull解析xml的實(shí)現(xiàn)方法
這篇文章主要介紹了Android pull解析xml的實(shí)現(xiàn)方法的相關(guān)資料,希望通過(guò)本文能幫助到大家，謝謝大家對(duì)本站的支持！需要的朋友可以參考下2017-10-10
Android實(shí)現(xiàn)菜單關(guān)聯(lián)activity的方法示例
這篇文章主要介紹了Android實(shí)現(xiàn)菜單關(guān)聯(lián)activity的方法,涉及Android使用Intent實(shí)現(xiàn)菜單關(guān)聯(lián)activity相關(guān)操作技巧,需要的朋友可以參考下2019-03-03
android實(shí)現(xiàn)簡(jiǎn)單的乘法計(jì)算代碼
本文完成輸入2個(gè)數(shù)相乘，并顯示其結(jié)果。共涉及到4個(gè)控件的使用學(xué)習(xí)，輸入數(shù)字采用EditText，顯示結(jié)果用TextView，運(yùn)算按鈕button以及菜單中的退出鍵2013-11-11
這篇文章主要為大家詳細(xì)介紹了Android圖片等比例縮放和填充屏幕效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
Android中新引進(jìn)的Google Authenticator驗(yàn)證系統(tǒng)工作原理淺析
這篇文章主要介紹了Android中新引進(jìn)的Google Authenticator驗(yàn)證系統(tǒng)工作原理淺析,需要的朋友可以參考下2014-10-10
這篇文章主要為大家詳細(xì)介紹了android實(shí)現(xiàn)手寫簽名功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11