修改ugui之给image添加圆形显示

于 2024-04-22 14:18:58 发布
阅读量329 收藏 5
点赞数 7
文章标签： unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39889192/article/details/138072951
版权

引擎下ugui源码路径：Unity\Hub\Editor\2020.3.33f1c2\Editor\Data\Resources\PackageManager\BuiltInPackages\com.unity.ugui\Runtime\UI\Core

项目下ugui源码路径：Library\PackageCache\com.unity.ugui@1.0.0\Runtime\UI\Core

ugui编辑器显示控制路径： Library\PackageCache\com.unity.ugui@1.0.0\Editor\UI

建议把源码复制2份出来，一份备份，一份修改，复制出来修改是因为该路径下不允许直接保存，但可以使用管理员权限替换文件

1.首先给源码下添加新的枚举属性

2.在源码填充网格方法下添加新的方式

3.在源码下补充一个画圆型网格的方法

这样image组件就已经拥有了显示圆形的功能，如果在引擎编辑器中仍不可见，可能因为image组件显示的属性是由ImageEditor脚本控制的，需要做对应修改

4.在ugui编辑器显示控制脚本ImageEditor下添加圆形类型的显示

最终效果：

神大人korose
关注
  • 7
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity3D UGUI:圆形Image组件,可用来制作头像
lvlei19911108的博客
08-19 522
昨天在改项目的时候,看到人物头像是圆形的，我就想到用UGUI的Mask组件，但是我试了一下，效果不是很好,而且性能上也不是很理想，所以我就找到一个比较好的解决办法，之前也考虑过用Image上的Material去弄，但是也不是很完美，后来看到一篇文章，说是重写Image组件，所以就有了下面我要提到的东西(只支持5.3版本以上)。 首先需要重写Image，由于继承UnityEngine基类的派生类不能...
修改ugui之给image添加圆形显示(雷达图)
最新发布
CcY_0223的博客
04-22 139
D:\Unity版本路径\2021.3.34f1c1\Editor\Data\Resources\PackageManager\BuiltInPackages\com.unity.ugui\Runtime\UI\Core。项目下ugui源码路径:Library\PackageCache\com.unity.ugui@1.0.0\Runtime\UI\Core。四、为了在项目中UI的Image组件中显示自己添加的Radar属性 需要在ImageEditor脚本中修改和添加一些代码。
Unity中实现自己的圆形Image组件
L的博客
12-19 5557
一：前言 例如圆形头像或者圆形技能图标，一般做法是使用Image组件+Mask组件实现，但是Mask组件会增加额外的drawcall影响效率并打断合批所以不建议使用 UGUI的Mask实现原理：利用GPU的模版缓冲 Mask组件会赋给父级和子级UI一个特殊的材质，这个材质会给Image的每个像素点进行标记并放在一个称为Stencil Buffer的缓存内，父级每个像素点的标记设置为1，子级UI进行渲染的时候会去检查这个Stencil Buffer内的标记是否为1，如果为1则进行渲染，否则不渲染 .
Unity__UGUI__Image四种显示及其妙用（进度条）
lala_lzw 的代码时间
01-23 1930
img组件有四种基本的类型： 分别是simple，sliced，tilled，filled四种 首先我们跳过simple，直接开始sliced，按字面意思为切割，自然填充方式就是切割。 切割逻辑如下，将图片切割成九宫格，当你选中会出现两种情况： 该图片没有边界，以及： 上面是状态，下面是九宫格模式，先不讲参数意义，我们先看参数变化，导致的结果，通过他来引导 fill center参数 子如起名： 前面是未选，后面是选中，就是是否填充中心 pixels per unit 我将他分别设置成0.01，0..
Unity UGUI实现圆形Image
GA博客
09-01 3709
项目要实现圆形头像，用继承Image组件重写部分方法实现圆形头像 并且实现精准点击 实现原理： ①：Image如何绘制到屏幕上 cpu准备顶点数据–>GPU渲染显示，所以显示图片，需要顶点和三角形数据，由顶点组成三角形 三角形组成图形 ②：如何实现 重写 OnPopulateMesh(VertexHelper vh) 方法 ，因为没有真正的圆形，圆形是由n个三角形组成，重新计算要渲染的定点和...
Unity UGUI学习系列(一) ------ 圆形图片实现方法
千喜
08-20 2514
本系列文章是学习siki学院UGUI整体解决方案-案例篇笔记 GitHub地址：https://github.com/BlueMonk1107/UGUISolution 本文介绍两种实现圆形图片的方法,效果如下: 一.image mask实现 准备好要显示的图片以及一张圆形图片 创建两个image,结构如下: 上面一个imag...
Unity 自定义圆形图片
KindSuper_liu的专栏
11-12 2253
using System.Collections.Generic; using UnityEngine; using UnityEngine.Sprites; using UnityEngine.UI; /// <summary> ///1.为什么不用Mask组件 ///1.1 增加Drawcall ///1.2 边上有锯齿 /// ///2.Position和uv的关系 /// ...
Unity3D UGUI特效之Image高斯模糊效果
12-31
这几天研究了下模糊特效，看了很多文章，其原理就是拿取图片或屏幕数据，然后将周围的元素和目标位置的颜色值进行一个融合计算，然后自己写了一个小小...先说第一个，挂在Image下的模糊特效。 Shader Custom/FrontBlu
Unity+UGUI 圆形进度条
07-12
2. 添加Image：在Canvas下添加一个新的Image组件，作为圆形进度条的背景。调整RectTransform的Anchor Presets为Stretch模式，使图像铺满整个屏幕。 3. 创建Progress Image：再添加一个Image组件，作为进度条的填充...
Unity3D UGUI显示3D特效
12-02
设置粒子系统的目标纹理为一个新的RenderTexture，然后将这个RenderTexture赋值给`RawImage`的`texture`属性，就能在UI上看到3D粒子特效。 2. **Mesh UV特效**：这种特效通常涉及到改变模型的UV坐标，以实现动态...
Unity UGUI Text竖排显示
07-11
很不错
制作圆形Image
记录
01-27 608
拓展Iamge，制作圆形
UGUI案例篇第(二)节：UGUI实现圆形Image的方式(Unity官方解决方案）
专注游戏研发
09-07 5630
的
Unity中通过mask组件裁剪出圆形图片，制作出圆形头像
A1451814981的博客
03-05 7195
1.首先找一张圆形图片和长方形图片2.添加Image控件，同时将图片换成圆形图片3.在第一个Image下再放一个Image控件，同时将图片换成长方形图片4.最关键的一步来了，点击第一个Image控件，在右侧添加Mask组件最后的效果图如下：是不是很神奇呢。原理其实很简单，长方形的图片相当于子物体，圆形图片相当于父物体，子物体覆盖父物体，在父物体上添加Mask组件后，子物体超出父物体的部分，会被自动...
Unity 圆形图片实现
JYliangliang的博客
01-27 757
Unity UGUI 圆形图片（通常用于用户头像） using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.Sprites; //圆形图片 public class CircleImageutils : Image { /// <summary> /// 圆形由多少个三角形组成 /.
unity实现3D圆形血条功能
xhlacc的专栏
12-01 4357
使用unity实现3D圆形血条功能
UGUI image 圆形响应区域
楚客的学习笔记
10-22 350
需求：圆形外观按钮，圆形区域外不希望被响应。 问题：unity image 响应区域为方形范围，无法支持圆形点击限制。 处理方案：自定义 CircleEventImage 继承自 Image 复写IsRaycastLocationValid 函数，计算点击点是否处于圆形区域内。 初始方案：CircleCollider2D 检测点击点是否再 圆形区域。代码如下： public class CircleEventImage : Image { CircleCollider2D m_pCollider;
ugui中给文字添加材质
10-26
在Unity中使用UGUI给文字添加材质有几种常见方法。首先可以使用自定义材质来改变文字的外观。 方法一是创建一个新的材质，并将其应用于Text组件。首先，在项目资源中创建一个新的材质。然后，选择Text组件，在Inspector视图中找到"Material"属性，并将新创建的材质拖拽到该属性上。接下来，点击“编辑”按钮打开材质编辑器，在这里可以调整材质的颜色、纹理、反光等属性，以改变文字的外观。 方法二是使用TextMeshPro组件，该组件相对于UGUI的Text组件提供了更多的文本效果选项。首先，确保项目引入TextMeshPro包。然后，在TextMeshPro组件的Inspector视图中，可以找到“Material Preset”属性。在这里可以选择现有的预设材质或自定义材质，并进行相应的编辑来改变文字的外观。 此外，还可以通过脚本控制文字的材质。可以通过获取Text组件的Material属性，然后修改其颜色、纹理等属性，实现给文字添加材质的效果。 需要注意的是，UGUI的文字材质是基于屏幕空间的，因此对于一些特殊效果需要使用shader进行处理。通过编写自定义shader，可以实现更复杂的文字效果，比如描边、发光等。 总之，在UGUI中给文字添加材质主要有：使用自定义材质、使用TextMeshPro组件、通过脚本控制。通过这些方法可以实现各种各样的文字效果，满足项目的需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值