NGUI滚动条ScrolBar

最新推荐文章于 2024-08-01 11:46:18 发布
最新推荐文章于 2024-08-01 11:46:18 发布
阅读量507 收藏
点赞数
分类专栏： 跟我学NGUI 文章标签： NGUI
本文详细介绍了UI设计中的三种关键组件：Slider、ScrollBar与ProgressBar。重点解析了这些组件的主要参数，如Value、Size、Alpha及Steps等，并说明了如何调整这些参数以实现不同的视觉效果。

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

组件介绍

Slider组件

ScrollBar组件

ProgressBar组件

通过观察这三个组件的参数面板，看起来都比较相似。

具体参数介绍

Value 滑块，滚动条，进度条的进度值（0-1）之间.

Size: 主要用于设置滚动条的长度大小

Alpha:整个组件的透明度值

Steps: 整个可变值得不仅数量 如果Steps设置为10，既将0-1分为10等份，Value的变化会以0.1进行增加或减小。

Appearance 外观设置

Foreground 前景元素
Background 背景图
Thumb 滑块
Direction :方向 分为垂直和水平两个大方向

制作方法

Slider组件

ScrollBar组件

ProgressBar组件


滚你动条预设








【 untiy3d 】 用NGUI 制作滚动条Scroll Bar
liaosheng：）
06-27 1237
滚动条与滑动条Slider不同，滚动条Scroll Bar 多了一个Size 参数（表示） 常用来做显示滚动的区域 如下面灰色区域滑动条的大小对应size的大小参数变化 一：制作Scroll Bar 新建一个空物体，里面加上BoxColider，作为触发点击功能 加上Scroll Bar脚本做滚动功能 二：制作背景图片 空物体下制作3个子物体sprite，并添加图片，设置深度 ...
文字滚动1.0，基于NGUI实现文字滚动
qq_24628687的博客
12-04 732
基于NGUI实现文字游戏的滚动文字框功能 最近在开发一款文字小游戏，文字游戏为了增加效果，需要让文字一个接一个的显示出来，而不是一次性全部显示出来，于是自己写了一个简单的文字滚动显示的功能，代码： public class UIRollLabel : UILabel { /// <summary> /// 是否正在滚动中 /// </summary>...
UIScrollBar讲解
05-08
代码讲解地址http://www.cnblogs.com/qinghuaideren/p/3679933.html
NGUI的滚动条的制作（scroll bar script）
dcujcivw769565的博客
03-17 166
一，我们添加一个sprite，添加一个box collider,然后添加一个scroll bar script，我们来看看scroll bar script的属性 看到background和forground我们当前是sprite是需要一个child --sprite,background就是绑定父的scorllbar，forground是显示子的childsprite, ...
NGUI 3.5教程（八）Scroll Bar 滚动条-制作聊天框
热门推荐
常城的专栏
08-05 3万+
写在前面：        本文将创建一个基本的Button。并且编写脚本，响应点击事件。     欢迎大家纠错、拍砖！原创很辛苦，如有转载，请注明出处。
【Unity3D】【NGUI】UIScrollBar
Daniel 的专栏
12-07 4529
原文：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之Scroll Bar
m_crab的专栏
09-02 712
今天又在Scroll Bar上栽跟头了，哎。
ngui滚动指定位置
07-27
根据引用\[1\]和引用\[2\]的内容，可以使用UIScrollView的Scroll方法来实现NGUI的滚动到指定位置。首先，需要计算出需要滚动的距离，即scrollDelta。然后，使用scrollver.Scroll(-scrollDelta)来向下滚动到指定位置...
NGUI滚动视图实现详解：摄像机移动方法
因此，NGUI提供了一个替代方案，即通过调整摄像机的位置来模拟滚动。这个方法的优点是它对硬件的要求更低，更适应性能有限的环境。 2. **创建GUI界面** 首先，我们需要建立一个基础的GUI界面，这通常包括各种UI...
【unity】使用NGUI制作滚动列表
不行不行的博客
07-11 3001
之前一看滚动列表就打醋，感觉我擦 这东西好难做，最近看了下做法，擦好简单吓屎爹了。 不扯犊子，来干货 1.做一个底板用来衬托（我是底板 假装蛮好看的：P） 2.加入NGUI中的Scroll View组件，然后给Scroll View 加上Grid组件 就像这样(参数默认就好) 3.我们来制作item（可以再列表里滑动的东西）长条底板，随便加点东西巴拉巴拉的 给这个item
【NGUI】滚动条
编程记录，亲测有效
05-03 2954
本文与《【Unity3D】公告栏与开始界面的布置》（点击打开链接）是姊妹篇，将利用NGUI完成滚动条的创建。NGUI的滚动条是直接可以利用滚动视图创建的，而不是用多行输入框TextBox改出来的。比起原生的UGUI，NGUI的滚动视图的创建也是不难的。做出来还是同样的效果： 制作过程如下： 1、导入了NGUI之后，在Asset搜索control，拖入一个垂直滚动条预设。再创建一个滚动条
NGUI UIScrollBar组件：流畅滚动与高效导航的关键组件
最新发布
Unity打怪升级
08-01 938
UIScrollBar是NGUI中的一个组件，用于实现滚动功能。它可以让用户通过拖动滑块或点击轨道来滚动内容，适用于列表、文本、图像等长内容的展示。
UGUI源码解析（Scrollbar）
漫漫无期的博客
12-27 460
Runtime类图分析 Scrollbar，它继承自Selectable，还继承了 IBeginDragHandler, IDragHandler, IInitializePotentialDragHandler, ICanvasElementt四个接口。 关键方法 Scrollbar有一个float变量m_Value表示当前Scrollbar的值，变化范围在[0， 1]之间，还添加了一个UnityEvent<float>类型的事件onValueChanged，用于外部监听m_V.
NGUI -- Scroll View
游戏开发者
04-14 1万+
注意：本文翻译时NGUI版本已经更新到3.0.7 原文地址：http://www.tasharen.com/forum/index.php?topic=6729 概览 一个被裁剪的UIPanel是不完整的，除非它能像滚动视图那样被拖动是吧？没错！ 只需要简短的三步，就能把panel转化为滚动视图： 首先，选择你想拥有滚动视图的Panel，然后在场景视图
NGUI WrapContent与ScrollBar一起使用
穿开裆裤的专栏
11-08 1839
上一篇讲了UISCrollView+UIWrapContent显示多行多列，今天讲讲UIScrollView+UIWrapContent+UIScrollBar的使用。 一般在做滑动展示时，我们都会加个滚动条，NGUI也提供了这个组件，但是为了优化我们经常会使用UIWrapContent来重复使用Item，可是NGUI现有的UIScrollBar的计算方式不支持，这就要我们自己实现个计算方式去计
NGUI中使用ScrollBar和ScrollView遇到的问题
U3DJueQi的博客
03-29 3568
一 ScrollBar（滑动条）格式如下：(1)ScrollBar对象中挂有ScrollBar组件(2)子类中建立两个Sprite对象，名字为Foreground(前背景)，Background(后背景)（3）调节Foreground的长度，和Background在滑动方向上的尺寸一致。（4）把子类中的对象拖动懂ScrollBar组件中的Apperaence中去（5）调节Size尺寸，为程序运行时...
Unity3D学习笔记——NGUI之UIScrollBar
dianfuyong3650的博客
04-22 191
UIScrollBar:这个组件可以用于创建滚动条。 效果图如下： 一：使用步骤 　　1.这个组件和UISlider很像，也是由三部分组成。 　　2.首先创建一个Sprite用于组件的背景色。 　　 　　3.创建第二个Sprite用于组件的滚动条，注意这个Sprite的宽度要和第一个Sprite一样。 　　 　　4.创建一个Label，用于显示组件滚动的百分...
NGUI知识点
jg1946810203的博客
03-18 3026
NGUI知识点
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值