天天看点

循环UI列表+滑动翻页

内含3个demo,2个循环UI列表,1个滑动翻页

demo1

循环UI列表+滑动翻页

demo2

循环UI列表+滑动翻页

原理:获取所有图片的长度,将其切割成N个点,通过控制Scroll View的horizontalNormalizedPosition平滑切换图片

循环UI列表+滑动翻页

初始化生成列表

循环UI列表+滑动翻页

挂在Scroll View上控制翻页效果

smooting控制翻页速度

sensitivity灵敏度

demo3

循环UI列表+滑动翻页

demo1跟demo3原理一样,都是记录所有选项的位置,然后通过下标进行重新赋值,demo3多了一些小功能

区别:

1、两者的UI层级算法不一样,要保证不会层层遮挡

2、位置移动/缩放等写法不同,demo1是每个选项控制自己的所有操作,demo3是统一for循环控制

demo3支持自定义选项数量,按钮切换,鼠标滑动切换,当前项框选提示,选项缩放等功能

循环UI列表+滑动翻页

SlideSwitch:鼠标切换选项开关,关闭只能点击按钮切换

SlideOffset:滑动触发值,鼠标X轴向滑动大于此值切换选项,小于不触发

ScaleSwitch:缩放开关,开启根据Z值越靠前越大越靠后越小

AlphaSwitch:透明度开关,开启根据Z值越靠前越清晰越靠后越透明

ShowFirstBorder:当前项提示开关

OptionPrefab:选项预制体

OptionGroup:选项父物体

OptionNum:生成选项总数

Radius:旋转半径,控制选项X坐标

Speed:旋转速度

OffsetY:Y轴偏移,控制选项Y坐标

MiniAlpha:最小透明度

MaxScale:最大缩放,控制最靠前的选项

MinScale:最小缩放

SmoothTime:缩放平滑时间

LeftBtn:左按钮

RightBtn:右按钮

Sprites:替换的图片

资源下载

友情赞助