NGUI滚动条ScrolBar

最新推荐文章于 2022-06-12 17:03:09 发布
最新推荐文章于 2022-06-12 17:03:09 发布
阅读量442 收藏
点赞数
分类专栏： 跟我学NGUI 文章标签： NGUI

组件介绍

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组件


滚你动条预设








HC_无敌的韩先生
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
NGUI知识点
jg1946810203的博客
03-18 2929
NGUI知识点
NGUI之Scroll Bar
qq_Haoqing的博客
03-11 543
自上周写了Scroll View以来，有一周没写东西了，今天补充一下Scroll Bar，使其与Scroll View搭配起来。 首先我们建立Scroll Bar，步骤NGUI->Open->Widget Tool。选择图集，然后选择Template 的属性为Scroll Bar，并且设置背景和前景，以及滚动的方向，当然建立好后也可以去设置这些。 创建好的Scroll Bar的前景与背景中
NGUI 3.5教程（八）Scroll Bar 滚动条-制作聊天框
热门推荐
常城的专栏
08-05 3万+
写在前面：        本文将创建一个基本的Button。并且编写脚本，响应点击事件。     欢迎大家纠错、拍砖！原创很辛苦，如有转载，请注明出处。
NGUI无限滚动列表实现滑动条
qq_38721111的博客
06-12 869
NGUI下无限滑动列表的优化
【Unity3D】【NGUI】UIScrollBar
四爷的专栏
12-07 4434
原文：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
DynamicScroll:Unity 3D NGUI动态滚动
04-28
NGUI的动态滚动Dynamic Sc​​roll解决了现有NGUI Scroll的问题，即在处理大量滚动内容时性能会降低。要求Unity 4+专业版NGUI 3+班级UIScrollBlinker.cs 注意：当子游戏对象位于查看扇区之外时，它的功能是使子游戏...
NGUI-2021.zip
01-10
《NGUI：深入探索2021年的历史版本》 NGUI，全称为"Next-Gen UI"，是一款为Unity引擎开发的用户界面系统插件。这个插件自推出以来，因其强大的功能和易用性，深受广大Unity开发者的喜爱。在2021年，NGUI经历了多次...
NGUI.zip_ngui
09-23
在压缩包中的"新建文件夹"可能包含了预设好的Widget，如按钮、标签、滚动视图等，它们通常包含相关的脚本、纹理和布局信息。 7. **UI Manager**：UI Manager是NGUI的中央控制器，用于管理所有UI层级和激活状态。它...
NGUI v3.12.0
04-18
NGUI的核心价值在于它提供了丰富的UI组件，包括但不限于按钮、文本、图片、滚动条、滑块、下拉菜单等，这些组件不仅功能强大，而且支持自定义样式和交互行为，极大地提高了开发者的设计自由度。通过这些组件，开发者...
ngui 3.7.0
04-05
《NGUI 3.7.0：Unity开发插件的深度解析与应用指南》 NGUI，全称为Next-Gen User Interface，是一款专为Unity3D游戏引擎设计的UI开发插件，它提供了丰富的界面元素和强大的交互功能，极大地简化了开发者在创建用户...
UIScrollBar讲解
05-08
代码讲解地址http://www.cnblogs.com/qinghuaideren/p/3679933.html
NGUI中使用ScrollBar和ScrollView遇到的问题
U3DJueQi的博客
03-29 3404
一 ScrollBar（滑动条）格式如下：(1)ScrollBar对象中挂有ScrollBar组件(2)子类中建立两个Sprite对象，名字为Foreground(前背景)，Background(后背景)（3）调节Foreground的长度，和Background在滑动方向上的尺寸一致。（4）把子类中的对象拖动懂ScrollBar组件中的Apperaence中去（5）调节Size尺寸，为程序运行时...
【NGUI】滚动条
编程记录，亲测有效
05-03 2853
本文与《【Unity3D】公告栏与开始界面的布置》（点击打开链接）是姊妹篇，将利用NGUI完成滚动条的创建。NGUI的滚动条是直接可以利用滚动视图创建的，而不是用多行输入框TextBox改出来的。比起原生的UGUI，NGUI的滚动视图的创建也是不难的。做出来还是同样的效果： 制作过程如下： 1、导入了NGUI之后，在Asset搜索control，拖入一个垂直滚动条预设。再创建一个滚动条
【 untiy3d 】 用NGUI 制作滚动条Scroll Bar
liaosheng：）
06-27 1142
滚动条与滑动条Slider不同，滚动条Scroll Bar 多了一个Size 参数（表示） 常用来做显示滚动的区域 如下面灰色区域滑动条的大小对应size的大小参数变化 一：制作Scroll Bar 新建一个空物体，里面加上BoxColider，作为触发点击功能 加上Scroll Bar脚本做滚动功能 二：制作背景图片 空物体下制作3个子物体sprite，并添加图片，设置深度 ...
NGUI WrapContent与ScrollBar一起使用
穿开裆裤的专栏
11-08 1759
上一篇讲了UISCrollView+UIWrapContent显示多行多列，今天讲讲UIScrollView+UIWrapContent+UIScrollBar的使用。 一般在做滑动展示时，我们都会加个滚动条，NGUI也提供了这个组件，但是为了优化我们经常会使用UIWrapContent来重复使用Item，可是NGUI现有的UIScrollBar的计算方式不支持，这就要我们自己实现个计算方式去计
NGUI的滚动条的制作（scroll bar script）
dcujcivw769565的博客
03-17 113
一，我们添加一个sprite，添加一个box collider,然后添加一个scroll bar script，我们来看看scroll bar script的属性 看到background和forground我们当前是sprite是需要一个child --sprite,background就是绑定父的scorllbar，forground是显示子的childsprite, ...
NGUI -- Scroll View
游戏开发者
04-14 1万+
注意：本文翻译时NGUI版本已经更新到3.0.7 原文地址：http://www.tasharen.com/forum/index.php?topic=6729 概览 一个被裁剪的UIPanel是不完整的，除非它能像滚动视图那样被拖动是吧？没错！ 只需要简短的三步，就能把panel转化为滚动视图： 首先，选择你想拥有滚动视图的Panel，然后在场景视图
关于Ngui ScrollBar\Slider等滑动条速度调整的思考
u010128367的博客
01-09 2108
一、问题引出 使用Ngui ScrollBar和Laber、Textlist实现一个向上滚动的字幕（或者聊天信息窗口）时，无法设置字幕滚动的速度。 如上图可知，Ngui ScrollBar公开的参数有value，size，alpha，steps和appearance。并没有设置速度的speed的参数。 二、查找解决方法 Ngui官网讨论区给出的解释：Scroll bar's movem...
Unity3D学习笔记——NGUI之UIScrollBar
dianfuyong3650的博客
04-22 136
UIScrollBar:这个组件可以用于创建滚动条。 效果图如下： 一：使用步骤 　　1.这个组件和UISlider很像，也是由三部分组成。 　　2.首先创建一个Sprite用于组件的背景色。 　　 　　3.创建第二个Sprite用于组件的滚动条，注意这个Sprite的宽度要和第一个Sprite一样。 　　 　　4.创建一个Label，用于显示组件滚动的百分...
ngui滚动指定位置
最新发布
07-27
根据引用\[1\]和引用\[2\]的内容，可以使用UIScrollView的Scroll方法来实现NGUI的滚动到指定位置。首先，需要计算出需要滚动的距离，即scrollDelta。然后，使用scrollver.Scroll(-scrollDelta)来向下滚动到指定位置。最后，别忘了调用scrollver.UpdatePosition()来更新scrollview的位置，以确保滚动效果的正确显示。这样就可以实现NGUI的滚动到指定位置的功能。 #### 引用[.reference_title] - *1* [NGUI 滚动到指定位置](https://blog.csdn.net/weixin_30482181/article/details/97507796)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [NGUI UIScrollView滚到指定的位置](https://blog.csdn.net/yanchezuo/article/details/40051059)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [NGUI的ScrollView平滑移动到指定位置](https://blog.csdn.net/qq_33100967/article/details/51206083)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值