Flutter 界面背景添加水印

已于 2022-06-13 14:05:03 修改
阅读量863 收藏
点赞数
分类专栏： Flutter 开发 文章标签： flutter ios
于 2022-06-13 14:03:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HQ_LIN/article/details/125257448
版权

Flutter 界面背景添加水印

需求

在聊天页面背景添加水印。
网上很多文章要么都是在图片添加水印，要么给的例子都是全屏的水印，无法满足我先有的需求。
怎么办呢，自己怼一个好了。

具体实现

效果

请添加图片描述

思路

在页面里添加一个widget作为底层背景，在这个背景绘制水印。

绘制

绘制前需要先认识CustomPaint、CustomPainter 、Canvas 、 Paint

关于 CustomPaint、

CustomPaint class提供了让用户自定义widget的能力，它暴露了一个canvas，可以通过这个canvas来绘制widget，CustomPaint会先调用painter绘制背景，然后再绘制child，最后调用foregroundPainter来绘制前景，CustomPaint的定义如下:

CustomPaint(
了解本专栏 订阅专栏 解锁全文 超级会员免费看
wahkim
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
如何给Flutter界面切换实现点特效
08-25
"如何给Flutter界面切换实现点特效" 本篇文章主要讲述了如何给Flutter界面切换实现点特效的相关资料。通过示例代码介绍了非常详细，对大家学习或者使用Flutter具有一定的参考学习价值。 首先，背景知识是页面之间...
Flutter酒店预订界面-JavaScript开发
05-26
如果这是您的第一个Flutter项目，则有一些资源可帮助您入门：实验：编写您的第一个Flutter应用程序食谱：有用的Flutter示例为了帮助Flutter入门，请查看我们的在线文档，其中提供了教程，示例，移动开发指南，以及...
Flutter绘制图片水印
u013752362的博客
04-05 1018
1.考虑到水印不能和图片的整体颜色相近导致看不清，所以这时使用palette_generator库，截取了一部分的图片区域作为样本，取得样本中出现次数最多的色号，然后判断RGB值是偏明还是偏暗，如果偏暗则水印的颜色使用白色，反之亦然。4.将叠加绘制的Canvas转换成文件流，此时可以选择根据原文件流的尺寸进行部分缩放，否则文件流大小将影响整体的处理速度。最后将图片流占用的内存释放即可。2.另一个问题是，渲染的水印如果是文字，文字的大小似乎与系统的缩放比无关，导致渲染出来的字体大小不太完美。
flutter图片添加水印
androidhyf的博客
07-12 1197
flutter为图片左、右下角添加上水印。
flutter中使用ffmpeg_kit_flutter依赖 完成水印功能并保存到本地
weixin_75167934的博客
02-25 861
本篇文章使用了ffmpeg_kit_flutter，Image，image_picker，path_provider等依赖，主要实现了给视频，图片添加水印的功能，该添加水印不会随着视频，图片的格式，分辨率的变化而变化。在此之前在网上查找过相关资料没有找到相应的文章，为此本人自己发表一下该相关的文章吧。---------本人能力不是特别好，有能力的可以试着调一下，主要提供一下大概方向把。
Flutter 水印示例
海阔天空
05-25 1003
Flutter 水印示例
flutter版本仿微信界面 完美运行
最新发布
03-22
在本文中，我们将深入探讨如何使用Flutter框架来创建一个类似微信的应用界面，这将是一个绝佳的起点，尤其适合初学者入门。Flutter是一个由Google开发的开源UI工具包，用于构建高性能、美观的原生应用程序，适用于...
flutter 内嵌 IOS 原生界面
08-24
flutter 内嵌 IOS 原生界面 flutter 内嵌 IOS 原生界面 文档地址： https://johns.blog.csdn.net/article/details/125420308 文档地址： https://johns.blog.csdn.net/article/details/125420308
iOS原生、Android 原生， flutter 三种方式给照片流添加文字（水印）
SHTLoveXX的专栏
10-20 1879
iOS原生、Android 原生， flutter 三种方式给照片流添加文字（水印）
自定义相机和图片添加水印
01-13
flutter添加全局水印
wz_1992的博客
12-07 870
添加水印
Flutter 页面中添加水印、自定义水印
qq_40990836的博客
06-23 3508
最近开发手机APP 使用 Fltter 由于需要使用水印的功能，但是第一次接触Flutter ，就想着能不能在网上找到现成的使用，结果全是一群复制粘贴的，还卵用没有，不过由于我太机制，直接去官方的 pub get 找到一个插件。嘿嘿。 pub get 搜到了插件的引入。使用方式 使用方式文档 不过这个包的依赖需要限定dart 的版本，所以我就把作者的源代码拉到本地参考作者的方式自己定义了一个水印的工具类，代码呈上 /** * 水印样式 * rowCount: 当前屏幕宽度中 展示多少列水印 * co
App中所有页面添加水印（支持单行和多行）
莫言情怼的博客
12-02 1510
给App应用所有界面添加水印
flutter添加水印、添加自定义水印、禁止截屏(Android)
goGoing_的博客
06-17 4381
一、前言 现实生活中，我们想要对应用的开发程序内容进行管控，避免暴露出敏感信息。因此，在很多的pc端的开发页面上，经常能看见水印，这种水印的实现，在html、vue等技术上对于开发过的人来说十分的简单。当然，App端同业也有很多的敏感信息，避免暴露出去因此需要加上水印。 自己这次的开发需求上就遇见了，因为是第一次接触flutter，对与很多东西都不懂更别说全局设置什么水印了，所以，在网上查询了好久，诸如“flutter 添加水印”、“fluter设置水印”…查询出来的博客、页面，屁都不是，满屏幕的什么涂鸦的
用Flutter实现一个涂鸦和加水印功能
weixin_33724059的博客
11-23 2737
本文涉及的知识点：截图、图片保存、根据用户手势实时绘制canvas。 GitHub地址：github.com/yumi0629/Fl… 先上效果图： 需求分析   这次的想法是移植自项目中的一个小功能：截屏当前页面，添加涂鸦功能后，分享给第三方APP。分享功能我们暂不讨论，使用插件可以轻松完成，重点是截屏+涂鸦+图片保存。   具体实现思路是：截取当前屏幕内容，保存至APP缓存目录，涂鸦页面再...
Flutter图片添加水印功能，Flutter保存Widget为图片
代码小疯子
06-20 4806
题记 —— 执剑天涯，从你的点滴积累开始，所及之处，必精益求精，即是折腾每一天。 重要消息 网易云【玩转大前端】配套课程 EDU配套 教程 Flutter开发的点滴积累系列文章 在这里采用的实现思路是使用层叠布局Stack加载图片以及水印部分，水印部分可能是一个现成的图片也可能是一个文字等其他样式的组件，然后将这个Stack使用RepaintBoundary组件包裹起来，然后通过Widget生成图片的功能从而达到实现保存图片为水印效果。 如图下图所示，加载的本地资源目录下的一张图片，
Flutter 三方插件实现的原理
MR_worf的博客
04-24 975
起因 在 Flutter 中使用三方插件的时候,很好奇,他是怎么做到,跨平台,既能在iOS上使用,也能在Android上使用? 一探究竟 拿常用的数据持久化的 shared_preferences 来看,他的功能在iOS上和 NSUserDefaults 的功能基本类似, 在安卓上 基本上和 SharedPreferences 一样, 猜想 用Flutter 自己的某种方法实现,和Flutter...
flutter 界面
07-28
在 Flutter 中，用户界面是通过使用组件来构建的。Flutter 提供了一系列的基础组件，如文本、按钮、图像等，同时也支持自定义组件的创建。你可以使用这些组件来构建你想要的界面。 例如，下面是一个简单的 Flutter ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wahkim

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值