欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

flutter 怎么實(shí)現(xiàn)app整體灰色效果

 更新時(shí)間：2020年04月09日 09:51:41   作者：做人要簡(jiǎn)單  
Flutter 是 Google 開(kāi)源的 UI 工具包，幫助開(kāi)發(fā)者通過(guò)一套代碼庫(kù)高效構(gòu)建多平臺(tái)精美應(yīng)用，支持移動(dòng)、Web、桌面和嵌入式平臺(tái)。這篇文章給大家介紹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)文章

最新評(píng)論