Unity工具類ScrollView實(shí)現(xiàn)拖拽滑動(dòng)翻頁(yè)
簡(jiǎn)介:
在進(jìn)行UI設(shè)計(jì)的時(shí)候,經(jīng)常會(huì)使用Unity中UI提供的ScrollView,類似Android中的ScrollView,在進(jìn)行圖片預(yù)覽,多個(gè)翻頁(yè)的時(shí)候,能實(shí)現(xiàn)很好的效果。
該類中根據(jù)Unity的EventSystems中拖拽事件,實(shí)現(xiàn)對(duì)頁(yè)碼的滑動(dòng)監(jiān)聽(tīng),在使用的時(shí)候,新建UI--->ScrollView,把該類組件添加到ScrollView上,把對(duì)應(yīng)的content加入該腳本中的content,調(diào)整ScrollView和Content,設(shè)置單個(gè)滑動(dòng)頁(yè)的寬度,拖拽的閾值,即可監(jiān)聽(tīng)到拖拽,如果是動(dòng)態(tài)實(shí)例化ScrollView中的child,需設(shè)置當(dāng)前最大頁(yè)碼數(shù)。SetCurIndex可以實(shí)現(xiàn)直接定位到當(dāng)前頁(yè)碼對(duì)應(yīng)的滑動(dòng)頁(yè),代碼比較簡(jiǎn)單,直接貼出來(lái)。
public class ScrollViewListener : MonoBehaviour, IDragHandler, IBeginDragHandler, IEndDragHandler { //滑動(dòng)方向 public enum MoveDirection { None = 0, Left, Right, } public float SingleItemWidth;//單個(gè)滑動(dòng)頁(yè)的寬度 public RectTransform content;//當(dāng)前ScrollView的Content public float DragMinValue = 5f;//拖動(dòng)過(guò)程中允許的最小的拖拽值,低于此值就不算拖拽,不執(zhí)行翻頁(yè)事件 private MoveDirection direction = MoveDirection.None; private int CurIndex = 0;//當(dāng)前頁(yè)碼 private int MaxIndex = 0;//最大頁(yè)碼 public bool canMove = true;//是否能移動(dòng) private Vector3 originalPos; private float maxDeltaX = 0f;//取整個(gè)拖動(dòng)過(guò)程中的最大值 public Action<int> OnPageChange;//對(duì)外提供頁(yè)碼修改的回調(diào) /// <summary> /// 滑到下一頁(yè) /// </summary> private void MoveToNext() { if (direction == MoveDirection.Left) { if (CurIndex < MaxIndex) { CurIndex++; canMove = false; content.DOLocalMoveX(content.localPosition.x - SingleItemWidth, 1f).OnComplete(() => { if (null != OnPageChange) { OnPageChange(CurIndex); } canMove = true; }); } } else if (direction == MoveDirection.Right) { if (CurIndex > 0) { CurIndex--; canMove = false; content.DOLocalMoveX(content.localPosition.x + SingleItemWidth, 1f).OnComplete(() => { if (null != OnPageChange) { OnPageChange(CurIndex); } canMove = true; }); } } } /// <summary> /// 設(shè)置當(dāng)前滑動(dòng)列表的頁(yè)數(shù)的最大值 /// </summary> /// <param name="max"></param> public void SetMaxIndex(int max) { MaxIndex = max - 1;//最大下標(biāo)值為頁(yè)數(shù)減1 } /// <summary> /// 設(shè)置當(dāng)前頁(yè) /// </summary> /// <param name="index"></param> public void SetCurIndex(int index) { CurIndex = index; float x = content.localPosition.x - SingleItemWidth * CurIndex; content.localPosition = new Vector3(x, content.localPosition.y, content.localPosition.z); } public void ResetPosition() { content.localPosition = originalPos; } private void Awake() { CurIndex = 0; originalPos = content.localPosition; } public void OnDrag(PointerEventData eventData) { if (Mathf.Abs(eventData.delta.x) > maxDeltaX) { maxDeltaX = Mathf.Abs(eventData.delta.x); } } public void OnBeginDrag(PointerEventData eventData) { if (eventData.delta.x > 0) { direction = MoveDirection.Right; } else if (eventData.delta.x < 0) { direction = MoveDirection.Left; } else { direction = MoveDirection.None; } if (Mathf.Abs(eventData.delta.x) > maxDeltaX) { maxDeltaX = Mathf.Abs(eventData.delta.x); } } public void OnEndDrag(PointerEventData eventData) { if (Mathf.Abs(eventData.delta.x) > maxDeltaX) { maxDeltaX = Mathf.Abs(eventData.delta.x); } if (maxDeltaX > DragMinValue) { //計(jì)算下一頁(yè)的目的點(diǎn) 然后移動(dòng) if (canMove) { MoveToNext(); } } maxDeltaX = 0f; } }
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
C#中DataTable實(shí)現(xiàn)篩選查詢的示例
本文主要介紹了C#中DataTable實(shí)現(xiàn)篩選查詢的示例,主要是DataTable進(jìn)行過(guò)濾篩選,常用的一些方法為:Select,dataview,具有一定的參考價(jià)值,感興趣的可以了解一下2023-04-04基于C#設(shè)計(jì)一個(gè)雙色球選號(hào)工具
這篇文章主要為大家詳細(xì)介紹了如何利用C#設(shè)計(jì)實(shí)現(xiàn)一個(gè)雙色球選號(hào)工具,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04輕松學(xué)習(xí)C#的基礎(chǔ)入門(mén)
輕松學(xué)習(xí)C#的基礎(chǔ)入門(mén),了解C#最基本的知識(shí)點(diǎn),C#是一種簡(jiǎn)潔的,類型安全的一種完全面向?qū)ο蟮拈_(kāi)發(fā)語(yǔ)言,是Microsoft專門(mén)基于.NET Framework平臺(tái)開(kāi)發(fā)的而量身定做的高級(jí)程序設(shè)計(jì)語(yǔ)言,需要的朋友可以參考下2015-11-11詳解C#如何利用TcpListener和TcpClient實(shí)現(xiàn)Tcp通訊
TcpListener 和 TcpClient 是在 System.Net.Sockets.Socket 類的基礎(chǔ)上做的進(jìn)一步封裝,使用 GetStream 方法返回網(wǎng)絡(luò)流,下面我們就來(lái)詳細(xì)一下如何使用TcpListener和TcpClient實(shí)現(xiàn)Tcp通訊吧2023-12-12C#實(shí)現(xiàn)把指定數(shù)據(jù)寫(xiě)入串口
這篇文章主要介紹了C#實(shí)現(xiàn)把指定數(shù)據(jù)寫(xiě)入串口,直接給出示例代碼,需要的朋友可以參考下2015-06-06unity AudioSource播放完聲音后要執(zhí)行的函數(shù)或條件操作
這篇文章主要介紹了unity AudioSource播放完聲音后要執(zhí)行的函數(shù)或條件操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2021-04-04C#實(shí)現(xiàn)學(xué)生管理系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了C#實(shí)現(xiàn)學(xué)生管理系統(tǒng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08