Unity3D | UI系统 折叠展开公告板

最新推荐文章于 2022-03-01 23:24:09 发布
最新推荐文章于 2022-03-01 23:24:09 发布
阅读量2.9k 收藏 12
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Metamorphosis_Anja/article/details/103105320
版权
本文介绍了如何使用Unity3D的UGUI系统实现一个可折叠展开的公告板。从创建画布到添加Scroll View，再到实现展开与折叠的动画效果，详细讲解了每个步骤，并提供了设置背景图片、添加UI元素、滚动条配置以及点击按钮控制展开和折叠的实现方法。
摘要由CSDN通过智能技术生成

使用UGUI实现一个公告板

  • IMGUI（Immediate Mode GUI）及时模式图形界面。它是代码驱动的 UI 系统，没有图形化设计界面，只能在 OnGUI 阶段用 GUI 系列的类绘制各种 UI 元素，因此 UI元素只能浮在游戏界面之上。之前游戏里的UI基本用的都是IMGUI，样子不怎么好看但是写起来方便。

  • UGUI 是面向对象的 UI 系统。所有 UI 元素都是游戏对象，友好的图形化设计界面， 可在场景渲染阶段渲染这些 UI 元素。对设计师很友好。

创建画布

首先要创建一块画布，设置它的各种属性并给它设置一个背景图片。

在这里插入图片描述

设置一个公告板的背景图片，只需要找一个公告板拖进Assets，然后修改TextureType为Sprite（2D and UI）。

在这里插入图片描述

就可以在Image里选择来用了。

在这里插入图片描述

添加UI元素-Scroll View

滚动视图里包括一个显示信息的区域和它对应的滚动条。

<
最低0.47元/天 解锁文章
Metamorphosis_Anja
关注
  • 3
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Unity UGUI 折叠菜单的实现
qq_35153714的博客
04-30 6879
using System.Collections; using UnityEngine; using UnityEngine.UI; public class FoldableMenu : MonoBehaviour { private RectTransform content;//父物体的parent private TextAsset textAsset;//所有菜单信息 ...
[Unity][UGUI][Animation&amp;Animator]折叠UI
BuladeMian的博客，菜得抠脚，菜得真实
07-15 895
using UnityEngine; public class YellowPanel : MonoBehaviour { private int clickNum = 0; private Animator animator; // Use this for initialization void Start () { c...
关于Unity中UGUI做菜单栏弹出
qq_42855293的博客
08-22 5930
这里我用的的英文位移用了Translate和Vector3.Lerp 使用鼠标位置的判断结合菜单栏的位置状态来进行开关控制 这里面有一个坑就是锚点坐标，UI界面显示的都是锚点坐标，跟UI的世界坐标和当地坐标没有半毛钱的关系（开始的时候我纠结到坐标位移问题上了） 其实这里用动画的话还是比较方便的，但是我这里直接用代码写了位移，做个笔记以后再遇见UI位移问题就不会出错了 下面直接上代码（这段代...
Unity UGUI实现折叠菜单功能
qq_20991149的博客
03-01 7311
其实很简单，一开始自己想复杂了。只需要利用VerticalLayout Group组件嵌套就可以了。 使用了一个ScrollView 组件，一个标题面板TitleItem，一个子面板panelItem和最终显示的子项dataItem,下面把具体的设置和代码贴出来，照着做很简单就可以实现一个折叠菜单的效果,打开菜单的效果使用了DOTween插件。 下面是具体代码 using System.Collections; using System.Collections.Gen..
Unity3D Editor 编辑器扩展实战 Project窗口全文件夹折叠
kuangben2000的博客
11-19 810
Unity3D Editor 编辑器扩展实战 Project窗口全文件夹折叠 https://blog.csdn.net/u012632851/article/details/80841606 总起： 在使用Project窗口时，总在不停地找资源和找代码过程中，将Project中的文件夹展开，导致窗口的混乱，虽然在按住Alt的情况下点击三角能够全部折叠一组的文件夹，但是这样做也比较麻烦。 ...
[Unity][UGUI]Scroll View的折叠UI
BuladeMian的博客，菜得抠脚，菜得真实
09-22 1998
1.先创建Scroll View，对 Content实体添加 Vertical Layout Group组件 在其下面创建 若干个Button子物体，对Button的Text进行设置 便于区分其他子物体Button 2-4分别测试 3种不同的情况，来改变子物体的顺序，对Scroll View的显示有什么区别。 2.设置其中的一个按钮Button的gameobject...
unity 3D可展开折叠公告牌
01-14
综上所述，创建一个可展开折叠的公告板涉及了Unity 3D的UI系统、动画系统、用户交互以及可能的资源管理等多个方面。通过合理的设计和编程，可以构建出功能齐全且具有良好用户体验的游戏公告板。
Unity3d Modern UI Pack 5.34 最新版
06-26
"Unity3d Modern UI Pack 5.34 最新版" 是一个专为Unity3D设计的现代用户界面（UI）资源包，它提供了最新的UI元素和设计，旨在帮助开发者创建更加美观、互动性强的用户界面，提升游戏或应用程序的用户体验。...
Unity3D如何实现UI的旋转2
08-08
总结来说，Unity3D实现UI旋转的方法主要有两种：一是使用旧的GUI系统结合`GUIUtility.RotateAroundPivot`，二是使用Unity UI系统直接操作`RectTransform`的属性。根据项目的需求和使用的Unity版本，可以选择适合的...
炫酷的Unity3d UI 自定义圆角面板 插件
最新发布
04-24
炫酷的Unity3d UI 自定义圆角面板 插件 Unity UI 圆角面板 - 这是一个简单而实用的Unity资产，可在Unity中创建圆角面板。使用此资源，您可以轻松创建许多形式的Unity ui按钮图片等面板，赶快试试吧！ 优点： - ...
unity折叠菜单
06-12
背景：以前学安卓的时候就有自带的折叠菜单组件。 其实也有。 今天就视频演示一遍怎么创建折叠菜单的。 UI类型：使用u3d自带的UGUI。 说明：主要是对 Layout 类别 组件的的使用，来实现的该效果。 对相关不明白的，可以问我，能帮就帮， 大家一起学习共同进步~
Unity UGUI环形用户界面（RingUI.unitypackage）
10-28
Unity环形UI（UGUI），可按圆环轨迹拖拽圆环实现按钮环形滚动，按钮可点击，开发工具：Unity5.6.3
Unity UGUI Scroll Rect List
10-08
UGUI Super ScrollView动态无限滑动列表,功能很多,Demo场景均有。
Unity3D MMORPG UI框架代码
03-09
本资源提供的"Unity3D MMORPG UI框架代码"是针对MMORPG游戏开发的一个UI系统示例，它可以帮助开发者构建出复杂而流畅的用户界面。 在MMORPG游戏中，UI框架的设计至关重要，它不仅要提供清晰的游戏状态信息，还要...
Unity3D利用VerticalLayoutGroup组件制作(折叠菜单、树状菜单) 二
xunideshijie的博客
08-07 2037
针对Unity3D利用VerticalLayoutGroup组件制作(折叠菜单、树状菜单) 这篇文章做了部分改进，其实这种方式的移植性和扩展性还是挺高的 相比插件要好的多，而且作者本身也不喜欢用插件。 下边针对上篇文章添加了一点小小的功能，先看效果图。 新加的白色目录部分，这就是真正的菜单了，灰色的只是表示目录的集合。下边来看代码。 首先需要在数据存储类中添加保存菜单的字段 然后修改数据获取的代码 然后创建一个配置文件 然后修改创建代码 ...
Unity3D学习（14）之可折叠公告牌
zzj051319的博客
05-07 1832
最近越来越觉得Unity3D的UI很好玩，所以我尝试去制作可折叠的公告牌。先上个成品图： 首先新建Canvas，在Canvas里面新建两个Panel，一个Panel用于放置背景，一个Panel用于公告牌。在公告牌的Panel里面新建3个Button和3个Image和3个Text。具体设置如图
UnityUI折叠伸缩列表的实现
qq_40795166的博客
03-26 2527
参考链接http://gad.qq.com/article/detail/289294 链接：https://pan.baidu.com/s/1BfM78fy4hE0cXK6VTH6RxQ 提取码：ggd9 复制这段内容后打开百度网盘手机App，操作更方便哦 ...
UItableview点击后的折叠效果的简单实现
zhangqq16781的博客
04-14 2559
项目有个需求。要求将主要信息列表展示，点击信息的时候，下方弹出来一个具体内容展示变化，差异等等。 之前做过这个，当时是网上找的一篇文章直接复制粘贴的，过了一段时间就给忘了，连思路都没有，今天花了一天时间，自己整理了一下，实现了这个效果，并做了一个优化，下面开始上代码首先说下思路，tableview进入的时候展示的是各个cell的section的headerview，cell默认给一个0的高度，这时
UITableView  折叠效果
weixin_34315189的博客
11-05 62
1:创建一个model数据模型 #import <Foundation/Foundation.h> @interface DataModel : NSObject //保存section中每行的数据 @property(nonatomic,strong)NSMutableArray *array; //section名 @property(nonatomic,copy...
精通Unity3D全新UI系统
“Unity 3D UI Essentials”是一本专注于Unity3D新版UI系统的图书，由Simon Jackson撰写，由Birmingham-Mumbai的Packt Publishing出版。这本书是市面上唯一专门介绍Unity新UI系统的指南，旨在帮助读者提升游戏和应用...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值