如何用NGUI Scroll Bar做出滑动效果

如何用NGUI Scroll Bar做出滑动效果,第1张

Scroll Bar -- 滚动条

滚动条这个东西,跟基本控件有点区别。它是控制其他控件的,所以要配悉山合其他控件,才能正常工作。

■ 创建滚动条

在NGUI 3.5中,创睁瞎中建控件都可以通过【搜索】,然后【拖拽】实现(也是NGUI推荐的方法)。

(1)在Project面板中,【搜索】“Control”,也就是搜索控件。之后,会发现NGUI的一堆控件。

(2)找到“ Control - Simple Vertical Scroll Bar ”,也就是垂直滚动条,【拖拽】到层级面板下面。我这里把它直接拖拽到UI Root下面了(不知道怎么创建UI Root 的同学请看前面的教程)。

■ 控件详解:

在检视面板中,可以看到,Vertical Scroll Bar 默认有5个组件:

(1)Transform 作为Unity最基本的组件,这里不再做解释。

(2)UIScript (Script) 是NGUI默认挂载在Scroll上的脚本,主要是指定图集(Atlas)、深度、控件大小等 *** 作。

(3)UIButton(Script) 是NGUI默认挂载在Scroll上的脚本,关联按钮状态。比如普通(Normal)、悬停(也称徘徊、经过,Hover)、按下(Pressed)、禁用(Disabled)。

(4)Box Collider 是默认挂在按钮上的一个盒碰撞器。其神昌作用是使Button控件具有碰撞属性。NGUI中事件的触发都需要对象具有碰撞属性。

(5)UIScroll Bar(Script) 是NGUI默认挂载在Scroll上的脚本,关联滚动条状态。Scroll Bar 脚本参数如下:

http://blog.csdn.net/chenggong2dm/article/details/38387051

一、在Canvas新建一个Panel,add scroll Rect和mask组件,Rect Transform设成 middle-center,因为这样才能设置大小和text控件相同大型纤小

二、Panel下新建一个Text,Vertical Overflow设置成Overflow,然后add Content Size Fitter这个Layout,该Layout的Vertical Fit设置为Perferred Size,然后调整大小和在Panel中的位置

三、新建一个ScrollBar,不在Panel之下,和Panel并列卜厅仿,Direction设置成Bottan to Top。设置成Panel同样的高度,并挨在一起,这样看起来就是一个文本框右边带着一个垂直滚动条

四伏瞎、Panel的Scroll Rect组件的Content指定Text,Vertical Scrollbar指定上面新建的ScrollBar。

Scroll View定义:用来在界面中绘制一个滚动视图区域,并祥运且可以通过滚动条来控制显示的戚肆区域内容 对应NGUI官网上的高宴轿大纲是: 1 新建立一个Scene场景 2 拖入一个Contorl-Backgound到Scene中,微调,作为背景使用 3 鼠标在场景中右键点击Create-->Sc...


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11973631.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存