Unity 常用背包UI滚动UGUI如何制作

最新推荐文章于 2024-10-28 22:42:55 发布
原创 最新推荐文章于 2024-10-28 22:42:55 发布 · 1.7k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了滚动界面的3层结构设计原理，包括用于横向滚动的Horizontal层、控制遮罩范围的第二层以及严格控制内部子物体大小的第三层。此外，还提到了可能存在的第四层用于控制滑竿的实现方式。

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200225154328821.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0ljZWNvbGRsZXNz,size_16,color_FFFFFF,t_7
在这里插入图片描述
像这样一种滚动界面一般就是3层结构。
第一层：需要横向就在Horizontal上打个勾
在这里插入图片描述
在这里插入图片描述
第二层控制遮罩范围。一般和第一层的大小一样大
在这里插入图片描述
在这里插入图片描述
第三层用grid 严格控制内部每个子物体的大小。一般比第一层大，因为需要控制这一层的上下移动。

如果还有第四层那就是控制滑竿的。滑竿一般也用三层。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

【unity游戏开发入门到精通——UGUI】UI控件 —— ScrollView滚动视图
向宇
04-24 1819
【unity游戏开发入门到精通——UGUI】UI控件 —— ScrollView滚动视图
【Unity 实用工具篇】 | UGUI 循环列表 SuperScrollView，快速上手使用
热门推荐
努力前行，总会成为自己心中的那道光
10-23 2万+
本文介绍一个UGUI关于ScrollRect的一个拓展插件：SuperScrollView。 做项目的过程中，ScrollRect组件 的使用频率还是挺高的，尤其是在做类似背包这种需要大量子对象的时候。
Unity UGUI制作的背包翻页效果（带缓动）
09-02
一个常见的翻页效果，切换的时候带有缓动的效果，使用了UGUI+DoTween制作
Unity3D学习：制作背包换装备UI
KingsonYing的博客
05-07 4420
UI设计
【Unity学习笔记】背包制作
weixin_43502713的博客
11-01 786
1、第一步，新建一个空物体当做背包背景，命名背包，给它加上Grid Lay Out组件。 2、在背包下面多放几个image视为cell，调好大小、间隔 3、做好cell预置体、和Item预置体 （cell即为背包里的空格子，item是即将要在背包里生成的道具） 4、开始写代码 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class UI
Unity3D 使用Scroll View制作道具背包
给我来碗鱼丸粗面
07-08 468
unity3d 使用scroll view制作道具背包
关于Unity中NGUI的背包实现之Scrollview（基于Camera）
weixin_34138377的博客
09-04 527
基于UIPanel的scrollview实现方式在移动设备上的性能不如基于camera的方式。因为UIPanel的scrollview实现方式要渲染很多的道具图，性能自然就降低了。如果是用第二个摄像机camera的方式，物体并没有动，只是拖动第二个摄像机摄像机，这样会只渲染第二个摄像机内部能看到的区域，其他看不到的区域不会渲染，性能就比较高。     层级思路 UIRoot--Camera ...
Unity UGUI Scroll View 简介——背包系统常用组件
weixin_47260762的博客
01-11 5064
在制作背包系统UI界面时，Scroll View可以帮助我们轻松便捷地进行制作。下面我会用unity中的Scroll View做一个简单的UI界面，实现背包效果。 首先在Hierarchy窗口中右键->UI->Canvas创建一个画布，在画布下创建一个panel，再在panel下创建一个Scroll View。 这时屏幕中会出现这样的图案： 右侧和下方有两个拖动条，对于一般的背包来说，只需要右边的拖动条来控制上下移动就可以了，下方的可以直接删除，或者在Scroll View的Scroll R
Unity——基于UGUI的UI框架
小紫苏的博客
09-28 1003
#基于UGUI的UI框架 ##一.Demo展示 ##二.关键类 ###MonoSingle 继承MonoBehaviour的单例基类；做了一些特殊处理； 保证场景中必须有GameInit名称的物体，所有单例管理器脚本都挂在该物体上； 继承单例基类后，需要私有化构造； public class MonoSingle<T> : MonoBehaviour where T :MonoSingle<T> { protected static T instance; p
Unity——可复用背包工具
小紫苏的博客
09-28 995
#Unity可复用背包工具 ##Demo展示 ##设计思路 游戏中有非常多的背包样式，比如玩家道具背包，商城，装备栏，技能栏等；每个形式的背包都单独写一份逻辑会非常繁琐，所以需要有一套好用的背包工具； 这些背包有几个共同的特点： 1.有多个排列好的方格子； 2.每个方格子中有内容时，可被拖动且拖动逻辑相同； 3.可添加使用删除格子中的物品； 因此根据这些特点，使用ScrollView等组件，提取两个类，分别负责数据管理和拖动逻辑； ##前期准备 ###1.界面设置 制作三个界面，一个滚动背包面板，一个
通过Scroll View实现简易背包的滑动效果
tzm95_007的博客
12-03 767
背包系统：首先,我们先导入NGUI组件,创建一个跟目录(UIRoot)点击工具栏上的NGUI →Create→Scroll View; 这时,在Hierarchy面板中会看到生成了一个Scroll View;然后选中Scroll View物体，点击NGUI→Create→Gird在Gird中添加你需要实现滚动的物体，（最好添加两个或以上才可以看出效果）然后给添加好的物体添加Box Collider...
Unity如何制作背包
m0_74794525的博客
05-08 443
IInitializePotentialDragHandler：初始化，鼠标最对应地方摁下出发（鼠标Down）每次点击触发一次。以上三个就是制作背包UI的关键组件，主要就是通过这三个组件来对背包的UI布局。IBeginDragHandler：鼠标移动出发，第一下移动触发一次。IEndDragHandler：结束（鼠标Up）鼠标点击松开触发一次。IDragHandler：一直触发。
Unity学习4——背包
Meow_wu的博客
12-13 420
unity内置资源包 Character Controller：角色控制相关脚本，第一第三人称的prefab; Glass Refraction:玻璃折射,用来完成玻璃或水晶效果; Image Effects：图像特效，动态模糊，黑白，HDR等; Light Cookies：灯光投影的资源包，用于Projector，模拟日光橙手电筒的效果; Light Flares：光晕效果，太阳光晕，夜光灯光晕； Particles:包含许多例子Prefab,烟雾，火花等; Physic Materials：物理材质，预
unity循环滚动列表_【unity游戏开发】LoopScrollRect组件
weixin_39640909的博客
12-11 1001
引言对于背包界面，排行榜列表，聊天消息，等有大量的UI列表的界面，常规做法是为每一条数据生成一个格子，在数据量越大的情况下，会生成越来越多的Gameobject，引起卡顿。这个组件就是为了优化这个问题诞生的，就以联盟宝箱为例子，联盟宝箱最多可以容纳300个宝箱，如果一下子生成300个，整个界面就会卡到爆炸，这个组件的做法是就生成视图可见的个数，然后拖动的时候循环复用，比如向下拖动，上面的item看...
Unity背包系统笔记
最新发布
Jesui的博客
10-28 2005
无
Unity 遮罩和滑动显示的实现
zxcvb036的博客
04-19 656
遮罩生效
Unity 无限滚动
木之子南
12-12 2675
先看一下实现的效果： 接下来详细讲解一下具体实现步骤： 一、 创建好Content以及初始个数的item 按照预设体的宽/高创建出Content的总长度。 根据ViewPort，也就是绿色背景的宽度来创建初始个数的预设体。也就是ViewPort_Witdh / item_Width 向上取整并 + 1，显示部分是可以被看到的，但是在滑动那过程中，需要有一个临时item来改变位置。如上图未滑动时...
Unity VR项目常用头顶菜单跟随代码
ubuyaolan的博客
05-28 927
下面代码是用在HoloLens中的，菜单View始终跟随用户，在用户头顶显示，并且可以点击菜单任意位置。 本身不难，仅仅是为了一次编写多次拷贝。欢迎拷贝。 void Update(){ var camtra = CameraCache.Main.transform; var pos = camtra.position + new Vector3(camtra.forward.x * 1.5f, 0.6f, camtra.forwa.
unity菜单滑动插件_[Unity插件] 轻松玩转Unity编辑器菜单扩展
weixin_35976688的博客
01-17 737
Unity一个很强大的功能就是可扩展，你可以利用该功能创建出各种各样的工具，直接整合到Unity中使用。今天这篇文章将为大家全面介绍扩展Unity中所有菜单项的方法及各菜单项的适用场景。介绍Unity编辑器中可扩展的菜单总览如下图：这些菜单分别是：编辑器顶部的内置菜单(A、B、C、D)层级视图右键弹出菜单(B)项目视图右键弹出菜单(A)检视面板中点击Add Component按钮弹出的菜单(C)编...
Unity UGUI背包系统设计与实现教程
UGUI背包系统是Unity中构建游戏背包UI的一种方法，它依赖于Unity强大的UI系统以及UGUI组件。开发者可以通过使用UGUI提供的各种UI组件和交互功能来实现一个功能丰富、操作直观的背包系统。通过正确使用UnityPackage...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JustEasyCode

谢谢您

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值