【 untiy3d 】 用NGUI 制作滚动条Scroll Bar

最新推荐文章于 2024-08-01 11:46:18 发布
最新推荐文章于 2024-08-01 11:46:18 发布
阅读量1.2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： NGUI 文章标签： unity3d NGUI ScrollBar 滚动条制作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liaoshengg/article/details/80834429
本文详细介绍了如何在Unity3D中使用NGUI组件创建滚动条Scroll Bar，包括制作Scroll Bar、背景图片、设置动画及与ScrollView的配合使用，强调了Size参数对滚动范围的影响。

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

滚动条与滑动条Slider不同，滚动条Scroll Bar 多了一个Size 参数（表示）

常用来做显示滚动的区域

如下面灰色区域滑动条的大小对应size的大小参数变化

一：制作Scroll Bar

新建一个空物体，里面加上BoxColider，作为触发点击功能

加上Scroll Bar脚本做滚动功能

二：制作背景图片

空物体下制作3个子物体sprite，并添加图片，设置深度

三：播放动画，查看效果

测试注意细节：

1、点击移动的范围是coliider的大小范围

2、滚动的范围是会根据size的大小设置，如果size为1则不能移动（说明当前页面是满页）

如下图的滑轮

    3、size不为1就可以滚动读条，size越小，滚动距离的越多

最低0.47元/天 解锁文章

200万优质内容无限畅学
Unity中的ScrollView
L的博客
12-02 8269
一：Scroll View下重要组件属性及API的详解 Scroll View是一个组合UI，创建后有以下内容——Viewport：显示的区域，一般配合Mask一起使用 ——Scrollbar Horizontal：水平滑动条 ——Scrollbar Vertical：竖直滑动条 Scroll View上最重要的就是Scroll Rect组件：——Content：所有要显示的内容（可滑动的区...
【Unity3D-UGUI系列】（九）Scrollbar 滚动条组件详解
优快云博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-30 1万+
一、前言 首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。 UGUI的特点： 灵活 快速 可视化 对于开发者来说有很多的优点，比如说： 效率高 实现效果好 易于使用和拓展 与Unity编辑器的兼容性高 这是本系列文章的第一篇： 二、Scrollbar 滚动条组件介绍 Scrollbar 滚动条组件，是一个用来展示进度的组件，主要用于显示当前内容
NGUI之Scroll Bar
qq_Haoqing的博客
03-11 654
自上周写了Scroll View以来，有一周没写东西了，今天补充一下Scroll Bar，使其与Scroll View搭配起来。 首先我们建立Scroll Bar，步骤NGUI->Open->Widget Tool。选择图集，然后选择Template 的属性为Scroll Bar，并且设置背景和前景，以及滚动的方向，当然建立好后也可以去设置这些。 创建好的Scroll Bar的前景与背景中
【Unity3D】【NGUI】UIScrollBar
Daniel 的专栏
12-07 4530
原文：http://www.tasharen.com/forum/index.php?topic=6733.0 NGUI讨论群：333417608 概览 UIScrollBar用来创建滚动条 is used to create scroll bars -- variable size sliders that moves around a fixed size area. I
NGUI 3.5教程（八）Scroll Bar 滚动条-制作聊天框
热门推荐
常城的专栏
08-05 3万+
写在前面：        本文将创建一个基本的Button。并且编写脚本，响应点击事件。     欢迎大家纠错、拍砖！原创很辛苦，如有转载，请注明出处。
NGUI滚动条ScrolBar
HC9861的博客
12-21 507
组件介绍 Slider组件 ScrollBar组件 ProgressBar组件 通过观察这三个组件的参数面板，看起来都比较相似。 具体参数介绍 Value 滑块，滚动条，进度条的进度值（0-1）之间. Size: 主要用于设置滚动条的长度大小 Alpha:整个组件的透明度值 Steps: 整个可变值得不仅数量
Unity3D NGUI的使用
BattleTiger的博客
07-31 6052
首先NGUI属于Unity3D的插件,需要先导入资源包,导入完成后工具栏出现NGUI选项 使用方式 第一步:创建画板 1. 点击工具栏上的NGUI选项 2. 选择Create 3. 选择2DUI 第二步:选中UIRoot 4. 在画板上右键点击 5. 选择Create 6. 常用的UI组件 第三步:查看NGUI自带的UI预设体 7. 点击NGUI 8. Ope
Unity3d_NGUI和UGUI的学习
lfh719852029的博客
06-26 9036
由于之前刚入门的时候，应Unity3d整体发展的要求我们自学了UGUI(相对来说UGUI比NGUI做得更好一些，后面会有2者对比)，但是后来公司要求使用NGUI，所以我这边把之前学习UGUI（不全，当时资源有限）和NGUI的学习心得什么的整理一下。学习UI，基础差的看一些教程，基础好的可以直接查看官方案例，根据案例上的相关功能自己做，有什么不懂的参数或者小知识网上问一下，向他人请教也是可以的。
NGUI_遮罩和Scorll bar的制作
01-04
在Unity3D版本3.5.0f5和NGUI版本NGUI_Next-Gen_UI_v2.0.3d下，本文旨在通过实际操作演示如何使用NGUI中的各种组件来实现一个具备遮罩效果和可滚动菜单的界面。目的是为了熟悉NGUI的使用流程，掌握其核心组件的功能，...
UIScrollBar讲解
05-08
代码讲解地址http://www.cnblogs.com/qinghuaideren/p/3679933.html
UGUI上下循环滚动数字(图片)
09-12
参考链接 : https://blog.youkuaiyun.com/dengshunhao/article/details/82657585(包含效果图) UGUI实现闹钟选择,数字上下循环滚动(当然也可以换成其他UI,比如图片)
NGUI UIScrollBar组件：流畅滚动与高效导航的关键组件
最新发布
Unity打怪升级
08-01 942
UIScrollBar是NGUI中的一个组件，用于实现滚动功能。它可以让用户通过拖动滑块或点击轨道来滚动内容，适用于列表、文本、图像等长内容的展示。
Unity3D ----- 制作信息滚动提示（NGUI）
weixin_30566063的博客
12-15 338
先上效果图: 我是用触发器做的。在信息滚动区的上方放了一个触发器，如上图所示，然后利用触发函数，在信息框触发事件时消除，并实例新的对话框。 挂在聊天框父物体的脚本： using UnityEngine; using System.Collections; public class BGController : Mo...
【Unity】数字滚动效果
TheBigBoy的博客
09-05 2839
原理：利用DoTween实现数字滚动添加的效果 public Text text; public int type; public void IncreaseAnim(int startValue, int targetValue) { var se = DOTween.Sequence(); se.Append(DOTween.To(delegate (float value) { var temp
NGUI中使用ScrollBar和ScrollView遇到的问题
U3DJueQi的博客
03-29 3572
一 ScrollBar（滑动条）格式如下：(1)ScrollBar对象中挂有ScrollBar组件(2)子类中建立两个Sprite对象，名字为Foreground(前背景)，Background(后背景)（3）调节Foreground的长度，和Background在滑动方向上的尺寸一致。（4）把子类中的对象拖动懂ScrollBar组件中的Apperaence中去（5）调节Size尺寸，为程序运行时...
UGUI源码解析（Scrollbar）
漫漫无期的博客
12-27 460
Runtime类图分析 Scrollbar，它继承自Selectable，还继承了 IBeginDragHandler, IDragHandler, IInitializePotentialDragHandler, ICanvasElementt四个接口。 关键方法 Scrollbar有一个float变量m_Value表示当前Scrollbar的值，变化范围在[0， 1]之间，还添加了一个UnityEvent<float>类型的事件onValueChanged，用于外部监听m_V.
Unity UGUI之Scrollbar基本了解
不在同一频道上的呆子的博客
03-03 1084
Unity UGUI之Scrollbar基本了解
【Unity3D】【NGUI】循环Scroll View
Daniel 的专栏
01-25 9525
NGUI讨论群：333417608 NGUI版本3.0.9 f4 方法： 1、脚本放在Scroll View下面的UIGrid的那个物体上 2、UIScrollView的Restrict Within Panel勾选掉 3、Scroll View上面的UIPanel的Cull勾选上 4、你的每一个Item都放上一个UIWidget，调整到合适的大小（
Unity3D中NGUI免费版的使用与特点
在Unity3D中使用NGUI插件时，开发者可以通过场景编辑器来布局UI元素，例如按钮、文本、滑动条、窗口、图标等。NGUI为这些元素提供了详细的属性设置，如对齐方式、边距、填充、颜色和字体等，以此来制作美观且响应...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值