Unity更改UI—Imag底层添加圆形显示

于 2024-04-22 15:19:17 发布
阅读量219 收藏
点赞数 1
文章标签： unity ui 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_72899328/article/details/138072375
版权

引擎下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下添加圆形类型的显示

最终效果：

m0_72899328
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
UGUI制作圆形UI
HopePower233的博客
09-16 947
UGUI制作圆形UI使用Mask来制作 使用Mask来制作 创建两个具有父子关系的Image，父物体添加Mask组件，精灵是一个圆形的遮罩，子物体是要显示的图片。 这样做有两个坏处： 1.圆形UI的锯齿感非常强烈 2.增加了Draw Call ...
修改ugui之给image添加圆形显示
最新发布
weixin_39889192的博客
04-22 326
引擎下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。建议把源码复制2份出来，一份备份，一份修改，复制出来修改是因为该路径下不允许直接保存，但可以使用管理员权限替换文件。
Unity绘制圆和缓动雷达图
weixin_71702907的博客
03-23 935
我们都知道Unity绘制图形是通过Mesh网格添加顶点进行绘制，那么知道顶点信息后如何实现图形的绘制，就是由Graphic类来帮助我们实现。因此我们需要自定义一个类继承Graphic，然后重写其方法，将其挂载到UI物体上。注：若想要支持RectMask2D功能，则改为继承即可在方法中提供了参数，这是Unity的顶点辅助类，通过它我们可以轻松实现添加顶点和绘制等操作了。
UGUI学习笔记（七）自己实现圆形图片组件
夜槿笙歌的博客
09-09 650
第一种实现方式是通过UGUI原生的「Mask」遮罩组件。实现起来非常简单，首先创建一个Image对象，并挂载「Mask」组件。然后将Image的Sprite设置为事先准备好的圆形图片然后再将这个Image对象设置为目标对象的父物体即可但是这种方式有个问题，Mask组件会增加额外的Draw Call调用（Shader中的概念），也就会增加额外的性能消耗。可以通过Game窗口中的Stats界面查看Draw Call调用情况。
unity3d显示圆形或异形背景
wuyt2008的专栏
04-05 9193
在unity3d里显示圆形的背景。有两种方式，一种是在GUI上显示，通常是用在UI上。另外一种是通过3D的Plane显示，这种时候用在游戏场景里，例如做游戏的小地图。然后，ngui的方式也比较简单。
Unity UGUI ui上显示3D模型游戏物体
07-16
助力快速利用 UGUI 完成 3D 物体在 UI 界面的显示,UnityUi显示3D物体/模型，控制物体旋转，转动全教程-超简单,游戏开发过程中，我们时长会需要把 3D 游戏对象/模型显示在 UI 界面上 例如王者荣耀上的人物选择，可以...
unity 弧形UI 圆形slider 圆形滑动条
12-12
在Unity的传统UI系统中，Slider通常表现为一个水平或垂直条形，用于显示数值在0到1之间的变化。但在一些设计中，开发者可能希望Slider呈现出更加独特的视觉效果，如弧形或圆形。这样既能提升UI的美观性，也能使交互...
Unity3D Ui利用shader添加效果
08-26
Unity3D Ui利用shader添加效果 Unity3D Ui利用shader添加效果是 Unity3D 中一种常见的技术，通过使用 shader 可以为Ui添加各种视觉效果，从而提高游戏或应用程序的视觉体验。本文将详细介绍 Unity3D Ui利用shader...
Unity-UIEffect UI特效资源
04-16
- 在Unity中 UGUI 的使用几乎是必不可少的，虽然也有NGUI、FGUI等可以使用，但使用UGUI的还是占多数。 - 而在使用UGUI的过程中，除了一些基础的UI交互页面及逻辑，学习一些UGUI特效的使用也是很有必要的。 - 接下来...
Unity 自定义圆形图片
KindSuper_liu的专栏
11-12 2237
using System.Collections.Generic; using UnityEngine; using UnityEngine.Sprites; using UnityEngine.UI; /// <summary> ///1.为什么不用Mask组件 ///1.1 增加Drawcall ///1.2 边上有锯齿 /// ///2.Position和uv的关系 /// ...
Unity UGUI实现圆形Image
GA博客
09-01 3706
项目要实现圆形头像，用继承Image组件重写部分方法实现圆形头像 并且实现精准点击 实现原理： ①：Image如何绘制到屏幕上 cpu准备顶点数据–>GPU渲染显示，所以显示图片，需要顶点和三角形数据，由顶点组成三角形 三角形组成图形 ②：如何实现 重写 OnPopulateMesh(VertexHelper vh) 方法 ，因为没有真正的圆形，圆形是由n个三角形组成，重新计算要渲染的定点和...
Unity3D UGUI:圆形Image组件,可用来制作头像
lvlei19911108的博客
08-19 521
昨天在改项目的时候,看到人物头像是圆形的，我就想到用UGUI的Mask组件，但是我试了一下，效果不是很好,而且性能上也不是很理想，所以我就找到一个比较好的解决办法，之前也考虑过用Image上的Material去弄，但是也不是很完美，后来看到一篇文章，说是重写Image组件，所以就有了下面我要提到的东西(只支持5.3版本以上)。 首先需要重写Image，由于继承UnityEngine基类的派生类不能...
Unity UGUI学习系列(一) ------ 圆形图片实现方法
千喜
08-20 2501
本系列文章是学习siki学院UGUI整体解决方案-案例篇笔记 GitHub地址：https://github.com/BlueMonk1107/UGUISolution 本文介绍两种实现圆形图片的方法,效果如下: 一.image mask实现 准备好要显示的图片以及一张圆形图片 创建两个image,结构如下: 上面一个imag...
UGUI案例篇第(二)节：UGUI实现圆形Image的方式(Unity官方解决方案）
专注游戏研发
09-07 5620
的
Unity__UGUI__Image四种显示及其妙用（进度条）
lala_lzw 的代码时间
01-23 1916
img组件有四种基本的类型： 分别是simple，sliced，tilled，filled四种 首先我们跳过simple，直接开始sliced，按字面意思为切割，自然填充方式就是切割。 切割逻辑如下，将图片切割成九宫格，当你选中会出现两种情况： 该图片没有边界，以及： 上面是状态，下面是九宫格模式，先不讲参数意义，我们先看参数变化，导致的结果，通过他来引导 fill center参数 子如起名： 前面是未选，后面是选中，就是是否填充中心 pixels per unit 我将他分别设置成0.01，0..
Unity3D 自定义UI组件画圆、圆弧、扇形
frj463806056的专栏
04-11 9642
来源：https://forum.unity3d.com/threads/draw-circles-or-primitives-on-the-new-ui-canvas.272488/ 效果： 代码： using UnityEngine; using UnityEngine.UI; public class DrawSquald : MaskableGraphic {
【Unity3D-UGUI应用篇】（八）Image实现画线、画三角形、画正方形、画圆
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
09-06 4861
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875 大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 一、前言 前段时间分享了UGUI的每个组件的属性和使用方法，比如Text、Button、Image、Toggle、InputField、ScrollView等等。 接着分享了UGUI的一些原理，比如说UGUI的渲染模式、UGUI的缩放计算、UGUI的描点定位、UGUI的自动布局等等。.
Unity UI案例（绘制圆环）
一入編程深似海!
12-21 4401
详细设计： 1.饼图的绘制过程： 1.1 获取以某个点为中心，固定半径的圆上的点，再结合原点绘制三角面，可生成扇形; //计算圆上点的位置 Smooth代表圆的光滑程度，也就是饼图被分为多少等份 int Smooth = 100; float perRadian = Matfh.PI * 2 / Smooth;//得到每份所占弧度 然后根据某一块饼图所占的
unity 控制ui物体在圆形范围内进行随机移动
04-07
可以通过以下步骤在Unity中控制UI物体在圆形范围内进行随机移动： 1. 创建一个UI物体，例如一个Image对象。 2. 在Scene视图中将该UI物体放置在一个Canvas对象的层次结构下。 3. 为该UI物体添加一个RectTransform组件，以便能够控制它的位置和大小。 4. 创建一个空的GameObject对象，作为圆心，并将它放置在屏幕中央。为该GameObject添加一个RectTransform组件，并将它的锚点设置为中心点。 5. 在代码中获取到UI物体和圆心的RectTransform组件，以便能够控制它们的位置。 6. 在Update函数中，使用Random.insideUnitCircle获取到一个随机的二维向量，并将该向量乘以一个半径值，以便将其限制在圆形范围内。 7. 将UI物体的RectTransform组件的位置设置为圆心的RectTransform组件的位置加上随机向量的值。 以下是一个示例代码： ```csharp using UnityEngine; public class RandomMove : MonoBehaviour { public float radius = 100f; // 圆形范围的半径 private RectTransform uiRect; private RectTransform centerRect; private void Start() { uiRect = GetComponent<RectTransform>(); centerRect = GameObject.Find("Center").GetComponent<RectTransform>(); } private void Update() { Vector2 randomPos = Random.insideUnitCircle * radius; uiRect.position = centerRect.position + (Vector3)randomPos; } } ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值