《Flutter 控件大全》第二十四个:ColorFiltered

news/2024/7/24 12:40:53
  • 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。
  • 同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。
  • Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。

Flutter中大部分多组件都有color属性,可以方便的改变颜色,但如果想改变图片颜色就不是那么容易了,虽然Image组件也有color属性,但设置的color属性会覆盖整个组件,这并不是我们想要的,而ColorFiltered组件可以帮我们解决这个问题。

假设我们有这么一种图片,图片只有一段文字,其他地方透明:

Container(
        color: Colors.grey, child: Image.asset('images/content.png'));

效果如下:

由于字体是白色的,所以将背景设置为灰色,这时来了一个需求根据系统样式改变字体颜色,大部分人第一个想法就是让UI切处所有颜色的图片,虽然效果可以实现,但问题太大了,第一:样式比较多的话必然会有大量的图片,导致App的体积较大。第二:如果允许用户自定义主题颜色࿰


http://www.niftyadmin.cn/n/1845894.html

相关文章

Koa洋葱圈模型源码浅析(`await next()`为什么能够形成洋葱圈模型?)

Koa洋葱圈模型源码浅析写在前面什么是中间件?为什么要使用中间件?auth中间件源码Koa源码浅析我们先来康一张gif图片我们的探索流程图listen函数callback函数createContext函数handleRequest函数middleware是什么?--- use函数compose函数&…

vue 的htm里面写三目运算方法.

{{position 0 ? ‘a情况’:‘b情况’}} {{position0?‘相似图片’:‘相关影片’}}

《Flutter 控件大全》第二十五个:Row和Column

如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。在Row和Column中有一个非常重要的…

ps ps aux 和ps -aux和 ps -ef的选择

Linux中的ps命令是Process Status的缩写。ps命令用来列出系统中当前运行的那些进程。ps命令列出的是当前那些进程的快照,就是执行ps命令的那个时刻的那些进程,如果想要动态的显示进程信息,就可以使用top命令。 要对进程进行监测和控制&#x…

[ES6学习笔记]‘ES7-11‘浅层次梳理,点到为止

ES7-11写在前面ES7Array.prototype.includes幂运算**ES8async和awaitasync函数await表达式Object.values,keys和Object.entriesObject.getOwnPropertyDescriptorsES9扩展运算符与rest参数正则扩展:命名捕获分组正则扩展: 反向断言正则扩展:dotAll模式ES1…

《Flutter 控件大全》第二十六个:ConstrainedBox、UnconstrainedBox、SizedBox、AspectRatio

如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。ConstrainedBox ConstrainedBox…

《Flutter 控件大全》第二十七个:FractionallySizedBox、LimitedBox

如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。FractionallySizedBox 当我们需…

防抖与节流(技能吟唱与平A僵直)

防抖与节流写在前面防抖生活中防抖的例子类比技能吟唱js中的防抖1.使用高阶函数,避免添加响应的时候触发函数2.使用setTimeout完成延时执行,clearTimeout来控制刷新延时2.1我们为什么要把timer定义在函数外面?3.并不是万事大吉,注意this指针的…