Unity3d NGUI的使用（九）（UIScrollView制作滑动列表）

最新推荐文章于 2024-08-01 11:58:06 发布
最新推荐文章于 2024-08-01 11:58:06 发布
阅读量1.2w 收藏 9
点赞数 2
分类专栏： Unity3d 文章标签： NGUI NGUI 3.5.4 Unity3d NGUI Unity3d 界面制作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/unity3d_xyz/article/details/22989401
版权
本文介绍了如何在Unity3d中利用NGUI的UIScrollView和UIGrid组件创建一个可滑动的列表。通过调整ScrollView的属性，如移动方向、拖动效果和冲力，以及UIGrid的排列和排序设置，可以实现横向或竖直展示列表内容。同时，结合UIPanel的Clipping选项和Soft Clip功能，能实现美观的边缘效果和内容约束。
摘要由CSDN通过智能技术生成

UIScrollView制作滑动列表，可横向，竖直展示一些列表在固定可视范围内

UIScrollVIew只是一个可滑动的UI组件

如果需要制作复杂的可视区域UI需要配合使用UIPanel与UIGrid


这样更方便UI的展示


a.创建一个2D UI Root，在NGUI菜单上创建一个Scroll View


b.在ScrollView上默认的为我们添加了一个UIPanel与UIScrollView

最低0.47元/天 解锁文章
inspironx
关注
专栏目录
NGUI UIScrollView UIGrid优化最佳方案，没有之一
yxriyin的专栏
07-28 4050
对于UIScrollView存在大量item的时候，性能不佳一直被人诟病。然后很多人也弄了不错的方案，但感觉都不够美观，我觉得这个东西其实没有那么复杂。找了下原因，也很简单，因为NGUI在更新组件的时候，并不会判断是否可见，也就是说只要你scroll滑动了，那么所有的item都会重新draw一次。那当然会卡了。        既然原因这么明显，那么直接将不可见的设置为active为false不就
Unity3D NGUI Scroll View注意事项
wangdi的游戏社区
12-25 6687
在NGUI中，ScrollView是一个非常棒的界面，不过刚开始使用的时候一直一些事项没有搞懂，现在算是明白了，可以轻松上手了，下面把一些注意的问题写出来分享一下。 一个是回弹问题，开始做的时候，一直没有明白例子中那个回弹的效果是如何实现，如图这样的效果 确实这个效果在IOS上非常流行，用户体验也很棒，它的原理也是利用一个UIDragPanelContents代码控件完成的。
Unity3D NGUI ScrollView的学习
heartrude的专栏
09-14 7796
一.涉及的控件 UIDraggablePanel: Scroll面板类。必须作为UIDragPanelContents的上级对象(不一定父对象) Scale: 对于x,y,z方向的拖动效果scale。如果不要y,z拖动，则设置该两属性为0 Drag Effect: 内容点击拖动特效。Monentum:滚动操作结束后的缓冲滑动效果 Sprint:拖动到头拉过头弹回的弹簧效果。 Horiz
NGUI UIScrollView组件：滚动视图组件
最新发布
Unity打怪升级
08-01 1211
UIScrollView是NGUI中的一个组件，用于实现可滚动的视图区域。它允许用户通过拖动、滚动条或键盘/鼠标输入来滚动内容，适用于列表、文本、图像等长内容的展示。
Unity3D学习笔记——NGUI之UIScrollView
dianfuyong3650的博客
04-18 124
前言：有的时候Panel会被截取，里面的内容就不能显示完整，所以需要为其添加scroll view组件。 一：将Panel放进一个scroll view只需要简单的3步： 　　1.首先在UI Root下创建三个Sprite并为其设置不同的贴图。 　　 　　2.在UI Root下创建一个panel，然后在Scene界面中的panel上右键鼠标，在弹出的菜单中选择Attach ...
Unity3D-NGUI教程:如何创建ScrollView
热门推荐
Wing的博客
05-14 1万+
声明:   本博客文章原创类别的均为个人原创，版权所有。转载请注明出处: http://blog.csdn.net/ml3947,另外本人的个人博客:http://www.wjfxgame.com。    本教程中，将会教大家创建一个基本的ScrollView。  由于NGUI官方的教程示例比较的复杂，很多刚开始学习NGUI的人有点摸不着头脑。下面我将从头开始带领大家创建一个简单的S
【Unity】NGUI ScrollView 子控件不能撑满时，滑动不回弹问题
qq_41789645的博客
06-16 443
解决unity中NGUI Scrollview 子控件不能撑满时，滑动不回弹的问题
NGUI UI无限滑动
09-22
NGUI是一个流行的Unity插件，用于创建高效、美观的2D和3D用户界面。"NGUI UI无限滑动"这个主题涉及到的是如何在NGUI系统中实现一个可以无限滚动的列表视图，这对于展示大量数据或内容时非常有用，如游戏菜单、商店...
【Unity3D】【NGUI】循环Scroll View
四爷的专栏
01-25 9427
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的制作
alayeshi的专栏
11-26 1740
此为重点： 首先建立一个sprite作为背景，然后建立一个Scroll View, 然后在Scroll View里建立一个Grid 看一下Grid的属性，看到Arrangement是表示排列方式，Sorting也是排序方式，当随意拖动里面的cell 的时候会以你选的方式排序，看Pivot这个是指轴的位置，现在是在中心看图Scenc里面的坐标就知道了。然后看HIde
Ngui的ScrollView简洁版实现
05-02
简洁版实现Ngui的ScrollView效果，新人最好的学习示例。
NGUI scrollView 循环显示demo
01-03
NGUI scrollView 循环显示demo
NGUI scrollview 无限循环显示
05-08
UIScrollGrid脚本为无限循环脚本，UIMainChatView脚本为使用UIScrollGrid脚本的使用方式，附带Demo unity版本5.6.2，NGUI版本3.9.9
NGUI-UIScroll View的使用及注意点
weixin_30800807的博客
09-04 499
项目层次： scrollviewbg是600x150的背景图，Inspector视图如下： panel就是scrollview父容器了，size为600x150，Inspector视图如下： item就是scrollview里面的每一项了，大小200x150，Inspector视图如下： 以上附加的脚本都是默认设置，此时运行程序，效果如下： 可以看出最后不需要显示的图...
UIScrollView用法
kanwoerzi
08-26 242
UIScrollView是iphone中的一个重要的视图，它提供了一个方法，让你在一个界面中看到所有的内容，从而不必担心因为屏幕的大小有限，必须翻到下一页进行阅览。确实对于用户来说是一个很好的体验。但是又是如何把所有的内容都加入到scrollview，是简单的addsubView。假如是这样，岂不是scrollView界面上要放置很多的图形，图片。移动设备的显示设备肯定不如PC，怎么可能放得下...
ngui学习之scrollview
u012169685的博客
03-25 596
昨天用到scrollview，发现隔了一段时间用起来有点不顺手了....于是乎今天打算果断记录下来这个控件的使用相关点。 这个scrollview啊他是在panel上的一个扩展，利用了panel的裁剪.配合上DragScrollview的可拖动来达到滚动效果。 一般用来做一些大量的图文显示。 上面就是UIScrollview的面板详情，从上到下功能项说
NGUI之UIScrollView
KeeMew的博客
03-23 418
前言：有的时候Panel会被截取，里面的内容就不能显示完整，所以需要为其添加 scroll view组件。 原文地址：http://www.cnblogs.com/qinghuaideren/p/3672938.html 一：将Panel放进一个scroll view只需要简单的3步： 　　1.首先在UI Root下创建三个Sprite并为其设置不同的贴图。 　　 　　2.在UI R
Unity NGUI ScrollView
weixin_41798071的博客
01-03 213
添加ScrollView 再添加Grid 然后添加格子 如果是多行多列 把Grid里的脚本禁了 在添加的格子上挂上UIDragScrollView脚本（下拉）和碰撞盒 格式如图
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值