【NGUI】Scroll View与Grid的结合，可用于做服务器选择之类的

最新推荐文章于 2024-08-01 11:58:06 发布
最新推荐文章于 2024-08-01 11:58:06 发布
阅读量660 收藏
点赞数
文章标签： unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/A2689863090/article/details/82837421
版权
本文介绍了如何在Unity中结合Scroll View和Grid创建一个服务器选择界面。首先创建Scroll View并设置滚动方向，接着在Scroll View下添加Grid进行组件排列，调整参数如排列方式、抛点位置和单元大小。然后创建多个子Sprite并放置在Grid下，通过执行Grid的Execute功能在Scene模式下自动排列。最后，在每个小组件中添加UI Drag Scroll View脚本，并将其与Sprite下的Scroll View关联，实现拖动滚动效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.Create一个Scroll View，同时注意UI Scroll View里面滚动方向的值

        

2.在Scroll View下再Create一个Grid，可以轻松地排列组件，参数如下

　　　　

　　Arrangement：排列的方向。

　　Sorting：排列的顺序。

　　————None：没有顺序。

　　————Alphabetic：按字母的顺序。

　　————Horizontal：水平放置的顺序。

　　————Vertical：垂直放置的顺序。

　　————Custom：自定义的方式。比如将Sprite的名字命名方式如下：001，002，003

　　Pivot：抛点的位置。

　　Max Per Line：最大行或是列的数量。

　　Cell Wi

最低0.47元/天 解锁文章
NGUI的ScrollView以及Grid的使用
脚踏实地，给自己一个更好的生活
08-22 8591
最近几天用到了NGUI的ScrollView以及Grid来实现上滑下滑的功能， 编辑时结构图如下: 界面如下: 游戏运行时的时结构图如下: 界面如下: 在ScrollView下面放置一个子物体Grid是因为Grid有自动排序功能，使每一个技能item能够整齐排列。 ScrollView默认是水平滑动的，记得在inspector面板选择垂直滑动。 要使得Sc
【Unity3D】【NGUI】循环Scroll View
Daniel 的专栏
01-25 9503
NGUI讨论群：333417608 NGUI版本3.0.9 f4 方法： 1、脚本放在Scroll View下面的UIGrid的那个物体上 2、UIScrollView的Restrict Within Panel勾选掉 3、Scroll View上面的UIPanel的Cull勾选上 4、你的每一个Item都放上一个UIWidget，调整到合适的大小（
【NGUI基础知识】—Scroll View(滚动视图)详解
iqifenxia的博客
10-24 3563
https://www.fgba.net/sitemap.xml
NGUI学习笔记（六）：ScrollView、Grid和Table
weixin_34336292的博客
08-05 268
下面我们来看看游戏UI开发中比较核心的开发，我称为列表开发，比如背包和各种形式不一的列表等，下面我们来看几个具体的样例：   基本上就是一些重复的制作好的多个UI控件进行排列，同时可以支持滚动，当然，高级一点的话也可能需要支持拖拽操作等。 下面我们来学习一下这些功能该如何使用NGUI实现，最后再给出一个具体的示例。 基础控件 NGUI已经帮助我们设计好了相关的组件，所以我们要实现上面的效...
scrollview grid 坑爹的经历
luyuncsd123的专栏
04-17 1257
1、今天不知道怎么搞的，整个列表顺序全乱了，折腾了2个小时终于搞定    方法：把所有lei'biao
ScrollView嵌套GridView的解决办法
iteye_11189的博客
09-16 185
前些日子在开发中用到了需要ScrollView嵌套GridView的情况，由于这两款控件都自带滚动条，当他们碰到一起的时候便会出问题，即GridView会显示不全。 解决办法，自定义一个GridView控件 public class MyGridView extends GridView { public MyGridView(Context context, Attri...
NGUI3.11.4
11-04
2. 布局组件：如Panel（面板）、Grid（网格）、Scroll View（滚动视图）等，用于组织和管理UI元素的位置和大小。 3. 动画组件：如Tween（缓动）和Transition（过渡），可以实现平滑的动画效果。 4. 脚本组件：如...
NGUI的UIRoot、UICamera、UIPanel、UIRect、UIWidget、UITexture、UISprite、UILabel、Scroll View等
陈云佳的专栏
10-24 773
用NGUI也有几个月了，但一直没有系统性地学习过NGUI，今天来了解下~ UIRoot：https://blog.youkuaiyun.com/kakashi8841/article/details/20480717 UICamera：https://blog.youkuaiyun.com/kakashi8841/article/details/20548429 UIPanel：https://blog.youkuaiyun.com...
Unity的Scroll View和Grid Layout Group
Had的博客
05-03 3196
这玩意是干什么用的? 用来创建一个带滚动条的窗口, 比如: 很长的文本条例, 背包(带滚动条);
NGUI之UIScrollView
Terie的博客
09-03 619
NGUI之UIScrollView UIScrollView 一般用于创建滚动页签，ScrollView要和UIPanel和UIDragScrollView组件配合。其中需要用到UIPanel的裁切功能的配合，而UIDragScrollView负责监听点击（Press）和拖曳事件，然后交由UIScrollView处理。在源代码中，UIScrollView会向上寻找第一个承载UIScrollView...
NGUI UIScrollView组件：滚动视图组件
最新发布
Unity打怪升级
08-01 1574
UIScrollView是NGUI中的一个组件，用于实现可滚动的视图区域。它允许用户通过拖动、滚动条或键盘/鼠标输入来滚动内容，适用于列表、文本、图像等长内容的展示。
NGUI中 鼠标划出屏幕后，停止对 UIDragScrollView 的 press
weixin_30591551的博客
09-29 257
using UnityEngine; /// <summary> /// NGUI中 鼠标划出屏幕后，停止对 UIDragScrollView 的 press /// </summary> public class CheckIsDragOverUI : MonoBehaviour { UIDragScrollView dragSV = null...
Unity3d NGUI的使用（九）（UIScrollView制作滑动列表）
热门推荐
Unity3d 攻城师一枚
04-05 1万+
UIScrollView制作滑动列表，可横向，竖直展示一些列表在固定可视范围内 UIScrollVIew只是一个可滑动的UI组件 如果需要制作复杂的可视区域UI需要配合使用UIPanel与UIGrid
UIDragScrollView和UIScrollView
冰镇油条
07-05 2019
UIDragScrollView   实际上是find ScrollView，然后直接调用ScrollView的Drag、Press、Scroll。 UIScrollView   在处理回弹的时候，会用到SpringPanel。SpringPanel继承自MonoBehaviour类，用来移动Panel的剪切视图，工作在局部坐标系中。   在UIScrollView中，Mo
Unity ScrollView和GridLayout
bingheliefeng的专栏
02-04 514
scollRect.onValueChanged.AddListener((Vector2 v)=>{ ScrollContent.SetHeight(grid.preferredHeight + 20f); }); 获取Layout的高度，用于设置ScrollView的滚动高度
listview gridview scrollview区别
joe
10-08 298
     经常用listview,scrollview,gridview（很少用），今天总结了下它们的区别。只有懂得了各自的优势才能更好的利用。      scrollview中只能放一个子元素，当这个子元素的高度超过屏幕的高度时，就产生滑动了，且里面的元素是App运行一启动，页面展示后，scrollview中的所有的内容都加载到了内存中。所以当数据量大时，会影响性能。      lis...
PyQt利用QScrollArea+QGridLayout制作一个滑动的Grid布局（QT Designer）
孙君的空间站
12-06 2411
PyQt利用QScrollArea+QGridLayout制作一个滑动的Grid布局
微信小程序scroll-view实现自定义滚动条
let_me_shy的博客
08-17 2779
微信小程序scroll-view实现自定义滚动条 html <!-- 九宫格 --> <scroll-view class="my-grid" scroll-x="true" bindscroll="getleft"> <view class="grid-item" wx:for="{{gridlist}}" wx:key="index"> <text>{{item.name}}</text> </view
NGUI Scroll View
09-01
NGUI Scroll View是Unity游戏引擎中的一个插件，用于创建可滚动的界面。它提供了简单的方式来管理大量内容，并且可以实现平滑的滚动效果。通过NGUI Scroll View，开发者可以将多个元素（如文本、图片等）放置在一个可滚动的容器内，并在需要时进行滚动查看。这个插件在游戏开发中经常被用于创建包含大量信息的列表或菜单等功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值