天天看點

循環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:替換的圖檔

資源下載下傳

友情贊助