【Flutter】黑白图片

在这里插入图片描述

一、将图片处理成黑白图片

//第一种方法CachedNetworkImage(imageUrl: imageUrl,width: 80,height: 80,fit: BoxFit.cover,color: Colors.black,//目标颜色colorBlendMode: BlendMode.color,//颜色混合模式)//第二种方法ShaderMask(shaderCallback: (Rect bounds) {return LinearGradient(colors: [Colors.black, Colors.white]).createShader(bounds);},blendMode: BlendMode.color,child: CachedNetworkImage(imageUrl: imageUrl,width: 80,height: 80,fit: BoxFit.cover),)

二、将Container的背景图片处理成黑白图片

              Container(width: 200,height: 200,decoration: BoxDecoration(image: DecorationImage(image: NetworkImage("https://upload-images.jianshu.io/upload_images/5809200-a99419bb94924e6d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240"),fit: BoxFit.cover,colorFilter:const ColorFilter.mode(Colors.black, BlendMode.color),),),child: Center(child: MyText.bodyMedium("Container背景图片",color: Colors.pink, fontWeight: 700),),)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/295567.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【shell脚本实战学习笔记】#1

shell脚本实战学习笔记#1 脚本编写场景需求: 编写一个比较数据大小的shell脚本,要求判断用户只能输入两位数字,不能是字符或其他特殊字符;并且在shell脚本中需要用到函数来控制执行顺序。 知识点:shell函数&#xff…

ros2humble使用gazebo加载urdf文件的基本流程

1:编写xacro文件 2:把xacro文件转换为urdf文件 3:使用gazebo建立sdf文件fine,也就是ros1里面的world文件,现在后缀是sdf文件了 4:把urdf文件转换为sdf文件good 5:把修改后的good.sdf文件稍微…

swing快速入门(二十五)

注释很详细,直接上代码 新增内容 1.ImageIO.write读取并显示图片 2.ImageIO.writeImageIO.write读取并保存图片 package swing21_30;import javax.imageio.ImageIO; import java.awt.*; import java.awt.event.WindowAdapter; import java.awt.event.WindowEvent…

内存函数的学习

额外知识点 第一个 假设c为int类型,(char)c之后,之后如果还用变量c的话,c依然为int类型。()强制转换操作符并不会永久改变原本的变量类型。 第二个 \0在打印时不会显示出来 第三个 void …

浏览器原理篇—渲染阻塞

渲染阻塞 1.DOM 的解析 html 文档 边加载边解析 的;网络进程和渲染进程之间会建立一个共享数据的管道,网络进程接收到数据实时传递给渲染进程,渲染进程的 HTML 解析器,它会动态接收字节流,并将其解析为 DOM 2.字节流…

Linux Centos-7.5_64bit 等保测评

一、新增用户 新增test用户 useradd test 设置密码 passwd 修改test的密码 passwd test 修改/etc/sudoers文件,找到下面一行, /etc/sudoers test ALL(ALL) ALL 保存是出现 E45: readonly option is set (add ! to override) 解决办法&#xff…

Unity协程的定义、使用及原理,与线程的区别、缺点全方面解析

目录 协程的定义及简介 协程的用途 定时器 将复杂程序分帧执行 等待某些条件完成后执行后续 异步加载资源 协程的原理 MonoBehaviour中每一帧的游戏循环 迭代器 IEnumerator 接口 具体执行过程 协程和线程的区别 协程的缺点 无法返回值 依赖于MonoBehaviour 维护…

Uniapp + Vue3 + Pinia + Vant3 框架搭建

现在越来越多项目都偏向于Vue3开发&#xff0c;想着uniapp搭配Vue3试试效果怎么样&#xff0c;接下来就是详细操作步骤。 初始化Uniapp Vue3项目 App.vue setup语法 <script setup>import {onLaunch,onShow,onHide} from dcloudio/uni-apponLaunch(() > {console.l…

在k8s中使用Helm安装harbor并将Chart推送到私有仓库harbor

使用Helm安装harbor并将Chart推送到私有仓库harbor 注意&#xff1a;如果你的harbor是之前docker-compose安装的&#xff0c;还需要额外做一个动作&#xff0c;让它支持chart docker-compose stop ./install.sh --with-chartmuseum1&#xff09;下载harbor的chart包 Harbor的…

攻防世界——Hello, CTF

运行可以发现这是输入型的flag &#xff08;re题目分为两类&#xff0c;一种你直接输入flag&#xff0c;还有一种就是你完成某个操作后&#xff0c;给你flag&#xff09; 可以发现关键字符串就是wrong 和 input 32位 IDA打开 进入直接进入字符串界面&#xff0c;发现关键字符…

CSS:浮动

CSS&#xff1a;浮动 浮动效果浮动方式 float浮动特性标准流脱标脱标的影响脱标的影响范围 清除浮动清除浮动原理 clear基于clear的清除浮动方式额外标签法:afert伪元素法双伪元素法 清除浮动原理 BFCBFC定义BFC布局规则创建一个BFC基于BFC的清除浮动方式父级添加overflow法 浮…

UEC++ 捡电池初级案例 day16

捡电池案例 创建第三人称模版 创建Actor基类 创建一个Actor类用来作为可拾取物品基类需求&#xff1a;我们让这个基类有静态网格可识别&#xff0c;然后得有一个状态就是是否被拾取的状态&#xff0c;那就得拥有改变状态的函数与返回状态的函数&#xff0c;然后和返回这个实…