Unity -UI篇 - 环形选框

最新推荐文章于 2024-05-15 09:56:26 发布
最新推荐文章于 2024-05-15 09:56:26 发布
阅读量1.1k 收藏 8
点赞数 2
分类专栏： UI 文章标签： unity ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39121279/article/details/113795188
版权

最近整理UI有趣的效果，第一个是环形选框，后期有空，可以做做其它效果
项目链接
在这里插入图片描述
主要组件
在这里插入图片描述
index 为传入的数据个数，这里方便直接设置一个数字，后期可以根据传入的数据来做判断。
button 为一个点击的预制体

操作：主要根据鼠标的滑动，控制选区位置。
在这里插入图片描述
在这里插入图片描述

Hello新世界
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Ultimate Radial Menu 2.2.2.unitypackage
12-02
Unity UGUI 环形菜单插件
Unity-UI-Extensions.unitypackage
08-25
Unity-UI-Extensions，总有一款效果是你想要的！
圆环菜单栏
03-14 856
需求：圆环菜单栏 1.界面显示5个按钮，圆弧排列 2.左右滑动，按钮可以在圆弧轨迹上滚动 3.点击按钮，按钮滚动到中间 4.中间位置按钮放大 思路： 1.先画外圆，按钮位于大圆内部 2.实现滑动的时候按钮按圆环轨迹移动 滑动的时候计算每个按钮的x值，再根据公式计算y的值 因为（x-a）^2 + (y - b)^2 = r^2 所以y = sqrt(r^2 - (x-a)^2) + b 这样滑动的时候可以遍历所有按钮，重新赋值x，y的值 3.还是在滑动的时候计算出每个按钮的角..
UI选框实现图示
路遥知马力
11-18 447
好了，就写到这里。相信大家都能明白了。这里要说下一个问题，有很多朋友留言或者发邮件要博客中的一些源码。我在这里声明下，我不会去发任何我觉得 已经在博客里介绍的非常清楚的实例的源码，有些实例我已经把所有代码都贴出来了，还是有人要源码。。。我希望看我博客的朋友都能真正理解这个实例，能学到 更多的知识，最好能有自己的改进然后再和大家一起分享。很多朋友现在已经习惯了拿别人的源码，功能类似的就直接搬到自己项
推荐开源项目：Unity-UI-Rounded-Corners - 玩转UI元素的圆角设计
最新发布
gitblog_00042的博客
05-15 408
推荐开源项目：Unity-UI-Rounded-Corners - 玩转UI元素的圆角设计 项目地址:https://gitcode.com/kirevdokimov/Unity-UI-Rounded-Corners 在游戏开发和交互界面设计中，圆角元素的应用使得界面更具现代感和美观性。今天我们要推荐的开源项目是 Unity-UI-Rounded-Corners，它为Unity的UI元素带来了灵活...
Unity Graphic功能，实现UGUI上三角形，四边形，圆环的绘制
王王王渣渣的博客
08-12 5141
前言
Unity制作圆环进度条加载场景资源
他在试图用代码书写这个世界，字里行间温柔尽显。勿忘初心，努力做有价值的技术文章。
09-22 2207
第一步：场景内UI圆环的搭建 新建一张Panel作为背景图，在Panel下新建一张Image命名为RoundImage作为外圆环，在外圆环下新建一张image命名为RoundLoading作为内圆环，用来显示进度的，新建两个Text文本，一个作为文字说明，一个作为进度值显示用。调整每个图的位置大小。大概如下图： 第二步：关键的地方：Image的设置 外圆环和内圆环必须是大小一致、有颜色差的图片。 RoundImage默认设置就好了，需要注意的是将RoundLoading属性设置为如下图： 第三步：代码实
Unity-URP-UI-Blur（2022.2）
05-10
《Unity-URP-UI-Blur（2022.2）：打造高效模糊效果》 Unity是一款广泛应用于游戏开发、虚拟现实、增强现实等领域的强大引擎，它提供了丰富的工具和资源来帮助开发者构建视觉效果丰富的场景。在2022.2版本中，Unity...
Unity-UIEffect UI特效资源
04-16
- 在Unity中 UGUI 的使用几乎是必不可少的，虽然也有NGUI、FGUI等可以使用，但使用UGUI的还是占多数。 - 而在使用UGUI的过程中，除了一些基础的UI交互页面及逻辑，学习一些UGUI特效的使用也是很有必要的。 - 接下来...
Unity-曲面UI-Curved UI
03-06
Unity中的“曲面UI”（Curved UI）是一种先进的用户界面设计技术，它允许开发者创建出适应虚拟现实（VR）和增强现实（AR）环境的动态、弯曲的用户界面元素。这种技术对于提升沉浸式体验至关重要，因为它可以将UI元素...
unity-UI框架包.rar
12-27
这个"unity-UI框架包.rar"包含了教学资源、UML框架图以及一个简单的示例项目，旨在帮助开发者理解和掌握Unity UI系统的工作原理及应用技巧。下面将详细阐述Unity UI框架的关键知识点。 1. **Unity UI系统概述**： ...
Unity UGUI三维菜单旋转循环
06-07
自己开发的三维菜单，用UGUI实现，头尾接应循环，不限制数量，代码开放可修改，可在本人博客中搜索 Unity UGUI实现3D旋转循环菜单 查看效果
UGUI环形框
12-01
UGUI环形ScrollView啊
Unity_3D_主菜单制作
05-13
Unity_3D_主菜单制作
2分钟教你实现环形/扇形菜单(基础版)
11-21
前言   项目需要用到环形菜单，初略在网上找了一下，没有找到合适的，于是自己写了一个很简单的，后续再优化。 这个组件是基于react,但是原理都一样。 展开效果如下：   实现 css(less) @centerIconSize: 30px; .flex(@justify: flex-start, @align: center) { justify-content: @justify; align-items: @align; display: flex; } .sector-menu-wrapper { position: relative; w
Unity UGUI环形用户界面（RingUI.unitypackage）
10-28
Unity环形UI（UGUI），可按圆环轨迹拖拽圆环实现按钮环形滚动，按钮可点击，开发工具：Unity5.6.3
Unity 2019 UGUI圆形环绕文字实现
xiewuquan的博客
04-18 3646
UGUI的文本通过继承BaseMeshEffect重写ModifyMesh函数来修改顶点数据，从而实现一些文本效果，比如Shadow（阴影），和 Outline（描边）。Text会按组件在Inspector中的顺序来调用ModifyMesh函数。早期版本的Shadow，Outline是通过继承BaseVertexEffect的ModifyVertices函数来修改顶点数据，原理都差不多。 每个字...
unity 在怪物身上显示圈圈UI
qq_34256136的博客
11-23 639
其中m_Target表示怪物的关节，rectTrans是圈圈RedCircle的RectTransform组件，自己在脚本开始时记得先获取一下。我要显示的圈圈是名为RedCircle的Image，当然这是一个动态效果的圈圈，它有2个子物体。下面是圈圈的属性，最好使用这个Anchors属性配合下面的代码。下面附上我的UI框架的层级图。实际产生的圈圈RedCircle我是放在根Canvas的子物体Popup下的，所以用transform.parent.parent来获取它，自己可以根据实际情况进行修改。
unity-urp-ui-blur
08-09
Unity URP（Universal Render Pipeline）是Unity引擎的一个轻量级渲染管线。它旨在提供高性能和可定制性，适用于移动设备和低端计算机。 URP提供了许多内置的UI特效，其中之一就是UI模糊（UI Blur）。UI Blur通过在UI元素上应用高斯模糊效果，使UI元素看起来模糊和透明，从而给人一种深度感和沉浸感。 要在URP中实现UI Blur效果，首先需要导入URP渲染管线并将其应用到场景中的相机上。然后，创建一个新的材质，并将其着色模式设置为UI，并将渲染队列设置为UI-Transparent。 接下来，在该材质中添加一个Post-Processing任务，并在该任务中启用模糊效果。可以通过调整模糊半径和迭代次数等参数来控制模糊的程度和效果。 接下来，将创建的材质应用到场景中的UI元素上。可以通过将材质分配给UI元素的Renderer组件来实现这一点。 最后，在场景中运行时，UI元素将具有模糊效果。可以根据需要调整模糊效果的强度和样式。 总之，Unity URP提供了一种实现UI模糊效果的简单方法，通过应用高斯模糊效果，可以使UI元素看起来更加沉浸和逼真。通过调整材质和参数，可以实现不同程度的模糊效果，使界面更加灵活和吸引人。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值