用UGUI方式实现图片的遮罩,圆角图片,圆形图片效果

2023-10-29

实现图片的圆角效果,圆形图片效果,是一个很常见的功能,如下


很多人会使用shader来做,但是太麻烦了,网上关于UGUI实现这种效果的方法我也一直没有找到

我这里知道一个很简单的方法,不用写一行代码

现在我打算告诉你


原理,就是通过Mask遮罩来实现

第一步:

建立如下目录结构,Avatar是需要处理的图片,如头像等


第二步:

给Mask添加俩个控件,Image和Mask

ImageSource里面放入图形图片,比如要圆形效果,就随便放入一个圆形的图片,找美工要要或者自己做都很容易,比如圆角的如下


Mask 的Show Mask Graphic 不要选,这样你加入的图片就不会显示出来了,只会显示出他的形状



然后就



大功告成啦!


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

用UGUI方式实现图片的遮罩,圆角图片,圆形图片效果 的相关文章

随机推荐

  • 【状态估计】卡尔曼滤波器、扩展卡尔曼滤波器、双卡尔曼滤波器和平方根卡尔曼滤波器研究(Matlab代码实现)

    欢迎来到本博客 博主优势 博客内容尽量做到思维缜密 逻辑清晰 为了方便读者 座右铭 行百里者 半于九十 本文目录如下 目录 1 概述 2 运行结果 3 参考文献 4 Matlab代码实现 1 概述 本文包括 1 标准卡尔曼滤波器 2 扩展卡
  • 操作系统基础

    进程间的通信的几种方式 匿名管道 pipe 管道是一种半双工的通信方式 数据只能单向流动 而且只能在具有亲缘关系的进程间使用 进程的亲缘关系通常是指父子进程关系 有名管道通信 半双工的通信方式 但是它允许无亲缘关系进程间的通信 消息队列通信
  • Window根据端口号杀进程

    Window根据端口号杀进程 一 打开cmd命令窗口 输入命令 根据端口号查找对应的进程号 netstat ano 列出所有进程 例 杀死占用端口1099的进程 1 netstat ano findstr 1099 2 列出端口号为1099
  • 联合体的特点及其大小的计算

    上篇博客 笔者详细的介绍了联合的的使用方法 所以 笔者在这篇文章打算进行 联合体的特点及其大小的计算的讲述 联合体的特点 联合体的成员是共用一块内存空间的 这样一个联合体变量的大小 至少是最大的成员的大小 因为联合体至少得有能力保存最大的那
  • QT框架总结

    一 QT介绍 1 什么是QT 跨平台C 图形用户界面应用程序开发框架 1 跨平台 支持各种的操作系统 windows Linux MAC 2 编程语言 C 面向对象编程 类 3 应用程序开发框架 图形用户界面 GUI应用程序 非GUI的应用
  • oracle nvl sign,oracle decode函数和 sign函数

    流程控制函数 DECODE decode 函数简介 主要作用 将查询结果翻译成其他值 即以其他形式表现出来 以下举例说明 使用方法 Select decode columnname 值1 翻译值1 值2 翻译值2 值n 翻译值n 缺省值 F
  • 分享一个基于vue的环形菜单组件

    vue quick menu是一个应用于移动端的快速导航组件 它拥有炫酷的展开和收起时的动画效果 它支持自定义菜单的显示位置 菜单的数量 颜色等属性 demo 安装 通过NPM安装 npm install vue quick menu sa
  • 解决不能启动redhat 9的图形界面的办法

    故障现象 我才装了几天的linux就进不去linux的图形界面了 我用的是redhat9 希望大虾们帮帮我 在这里说声谢谢了 我把出错的提示给出来 我可以进去命令行界面 当我打入startx命令的时候 画面就变得很花 我以前是可以进的 然后
  • 出学校干了 5 年外包,已经废了

    如果不是女朋友和我提分手 我估计现在还没醒悟 本科大专 17年通过校招进入某软件公司做测试 干了接近5年的功能 今年年初 感觉自己不能够在这样下去了 长时间呆在一个舒适的环境会让一个人堕落 而我已经在一个企业干了五年的点点点 每天的重复操作
  • KiCad 5 版本体验记录

    文章目录 KiCad 5 0版本 改动内容记录 BUG记录 KiCad 5 0版本 KiCad在今年7月份的时候更新了5 0版本 作为大版本的更新 相比上一个版本4 0 7来说还是有蛮多变动的 具体的变化可以自己体验或是查看官方的更新说明
  • 文件和流操作相关基础函数

    1 wsprintf LPTSTR lpOut LPCTSTR lpFmt 其他可选参数 wsprintf函数能够将一组字符序列按lpFmt参数指定的格式转换 然后保存在lpOut参数指定的字符缓冲区中等待输出 如果要用wprintf输出U
  • 【Java】有这样一个数组,元素是{68,27,95,88,171,996,51,210}.求出该数组中满足要求的元素和。 要求是:求和的元素个位和十位都不能是7,并且只能是偶数

    public class Test03 public static void main String args int arr 68 27 95 88 171 996 51 210 int sum 0 for int x 0 x lt ar
  • 通过Socket通信理解TCP机制

    通过Socket通信理解TCP 1 什么是TCP协议 TCP是一种面向连接的 可靠的 基于字节流的传输层通信协议 即客户端和服务器之间在交换数据之前会先建立一个TCP连接 才能相互传输数据 并且提供超时重发 丢弃重复数据 检验数据 流量控制
  • 图片服务器项目测试用例

    单元测试 这里只对imageDAO层进行了单元测试 public class ImageDAOTest Test public void queryCountByMd5 ImageDAO imageDAO new ImageDAO int
  • 机械加工行业MES系统项目实施8大步骤

    搭建好的MES系统要应用到车间制造中 服务商应对MES的推进过程做总体的规划 通过数字化车间的建设 解决企业车间信息化系统与生产流程的融合问题 机械加工企业根据 总体规划 分步实施 以点带面 整体推进 的原则 首先在某个车间生产线上进行试点
  • android 实现发送短信功能

    离职五天左右 学习了一些基础理论并用于实践 也算是学到了点东西 1 实现短信的发送功能 在学习的视频里面发现了这个发送短信的功能实现 就好奇写了一个小demo 先看一下页面的效果吧 很简单的布局 两个输入框 一个按钮 看一下具体的实现效果
  • 随机产生长度不少于6位密码

    随机产生长度不少于6位 包含大写 小写 数字 特殊字符至少三种的密码 string randpass int n string res if n lt 6 cout lt lt 长度不能少于6位 lt
  • 元宇宙热潮:缘起、影响与展望

    当下科技界和产业界最热的话题非 元宇宙 莫属 2021年3月 元宇宙第一股 美国网络游戏和社交平台公司Roblox在纽约证券交易所上市 10月 美国互联网巨头Facebook更名为 元 Meta 宣告其强势进军元宇宙相关产业 由此 2021
  • H5页面跳转微信小程序

    实现H5页面跳转微信小程序有三种方式来实现 如果需求为在微信浏览器中实现跳转 则推荐使用微信官方接口 wx open launch weapp 文档点击这里 wx open launch weapp接口文档 注意 该方法只开放给已认证的服务
  • 用UGUI方式实现图片的遮罩,圆角图片,圆形图片效果

    实现图片的圆角效果 圆形图片效果 是一个很常见的功能 如下 很多人会使用shader来做 但是太麻烦了 网上关于UGUI实现这种效果的方法我也一直没有找到 我这里知道一个很简单的方法 不用写一行代码 现在我打算告诉你 原理 就是通过Mask