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

