ngui怎么通过鼠标拖动改变滑动条value值

ngui怎么通过鼠标拖动改变滑动条value值,第1张

最近在做一个项目的UI,需求是1、拖动items后当永远有一个item保存在中间位置,2、点击当前item后当前item滑动到终点。 咱看了NGUI的Scroll View例子后发现第一个要求NGUI自带了,第二个要求没有,所以自己写了个包含这2个需求的脚本。

Scroll View定义:用来在界面中绘制一个滚动视图区域,并且可以通过滚动条来控制显示的区域内容

对应NGUI官网上的大纲是:

1 新建立一个Scene场景

2 拖入一个Contorl-Backgound到Scene中,微调,作为背景使用

3 鼠标在场景中右键点击Create-->Scroll View (调整的时候,注意不要调整的是UIPanel)

4 创建一个Sprite,或者快捷键Alt+Shift+S 并且将这个Sprite拖放到Scroll View 下(在Hierarchy中),Depth为0

拖动Sprite的时候,Sprite会被Scroll View的边缘剪辑一部分

5 添加交互事件的两个必要步骤

1 给Sprite添加Collider(碰撞体),鼠标右键-->Attach-->Box Collider再右键点击Sprite的时候Attach中多了很多选项

2 给Sprite添加Drag Scroll View (拖动滚动视图)脚本,鼠标右键-->Attach-->UIDrag Scroll View 这个时候就可以用鼠标或是 Touch Event(触摸事件) 控制Scroll View,这个时候这个Sprite就会有滑动效果

6 复制(Ctrl+D)Scroll View下的多个Sprite,就能够实现拖动它们(不包含Sprite外边的,只包含Sprite内部),进行滚动

ScrollView 的移动其实是靠SpringPanel这个类执行的,所以你可以去找SpringPanel你会发现 SpringPanel.Begin()这个方法,相信得到这个方法就能实现你需要的功能了


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

原文地址:https://54852.com/bake/11432890.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存