制作一个可拖动的角色选择功能组件

一、效果图

如图所示,按住鼠标左键即可左右移动,或者移动鼠标中间键上下滑动也可以

 

二、所需要的NGUI控件

UITable:主要是实现将上列的所有item并列整齐的排在一行中

UIDragCamera:主要实现拖拽功能,但需要与UIDraggleCamera一起使用才可以

UIDraggleCamera:配合UIDragCamera一起使用

 

三、控件的使用方法以及参数功能介绍

3.1 UTTable

columns:设定每行的个数,0表示不限制,设定其他数字比如3表示每行不能超过3个,超过后落入到下一行

direction:这个表示第一行的位置在哪里,是位于父节点的上面还是下面,这里要注意的地方是加入选择的是down,不管第一行的第一张图片原来位于何处,最后都会使其左上角将会位于中心点的位置

 

3.2  UIDragCamera

放在需要被拖动的每一个item上面,然后拖动含有DraggleCamera脚本的照相机(一般是挂在对应的照相机上面)

 

3.3 UIDraggleCamera

 

 

root for bounds:指定需要的范围,一般是照相机的上一层如图所示

scale:可拖动的范围,比如当X=1,Y=0的时候只能在第一行的范围中拖动,也就是只能横着拖动

scroll wheel factor: 拖动的力度,力度越大,移动的越快

其他默认即可

 

四、注意细节

1、一定要为每个item添加box collider(事实上涉及到动作的都要添加)

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值