Unity使用ScrollRect制作翻页
2020-04-18 07:11
821 查看
本文实例为大家分享了使用ScrollRect制作翻页的具体代码,供大家参考,具体内容如下
1.标准的层级结构 ScrollRect->ViewPort->Content,Viewport负责显示区域的大小一般和Mask一起配合使用,Content使用Layout来布局,如果想使用代码来自动定位显示位置需要在Content加上Content size filter.
2.ScrollRectHelper
using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; using System.Collections.Generic; using System; public class ScrollRectHelper : MonoBehaviour, IBeginDragHandler, IEndDragHandler { // 滑动速度 public float smooting = 5; // 每页显示的项目 [SerializeField] private int countPerPage = 10; ScrollRect srect; // 总页数 float totalPages; // 是否拖拽结束 bool isDrag = false; // 总页数索引比列 0-1 List<float> listPageValue = new List<float> { 0 }; // 滑动的目标位置 public float targetPos = 0; // 当前位置索引 float nowindex = 0; void Awake() { srect = GetComponent<ScrollRect>(); } public string PageText() { return (nowindex + 1) + "/" + (totalPages + 1); } // 计算每页比例 public void CalcListPageValue<T>() where T : MonoBehaviour { T[] items = srect.content.GetComponentsInChildren<T>(); srect.content.rect.Set(srect.content.rect.width / 2, srect.content.rect.y, srect.content.rect.width, srect.content.rect.height); totalPages = (int)(Math.Ceiling((float)items.Length / countPerPage) - 1); if (items.Length != 0) { for (float i = 1; i <= totalPages; i++) { //Debug.Log(i / totalPages); listPageValue.Add((i / totalPages)); } } } void Update() { if (!isDrag) { srect.horizontalNormalizedPosition = Mathf.Lerp(srect.horizontalNormalizedPosition, targetPos, Time.deltaTime * smooting); } // Debug if (Input.GetKeyDown(KeyCode.LeftArrow)) PressLeft(); if (Input.GetKeyDown(KeyCode.RightArrow)) PressRight(); } /// <summary> /// 拖动开始 /// </summary> /// <param name="eventData"></param> public void OnBeginDrag(PointerEventData eventData) { isDrag = true; } /// <summary> /// 拖拽结束 /// </summary> /// <param name="eventData"></param> public void OnEndDrag(PointerEventData eventData) { isDrag = false; var tempPos = srect.horizontalNormalizedPosition; //获取拖动的值 var index = 0; float offset = Mathf.Abs(listPageValue[index] - tempPos); //拖动的绝对值 for (int i = 1; i < listPageValue.Count; i++) { float temp = Mathf.Abs(tempPos - listPageValue[i]); if (temp < offset) { index = i; offset = temp; } } targetPos = listPageValue[index]; nowindex = index; } public void PressLeft() { nowindex = Mathf.Clamp(nowindex - 1, 0, totalPages); targetPos = listPageValue[Convert.ToInt32(nowindex)]; } public void PressRight() { nowindex = Mathf.Clamp(nowindex + 1, 0, totalPages); targetPos = listPageValue[Convert.ToInt32(nowindex)]; } }
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- Unity使用ScrollRect制作摇杆
- 10.15 周日 阵雨 早起 关于物品栏的翻页及Toggle Group组件 Mask遮挡模型 Scroll rect 滚动列表的熟悉和使用
- UGUI ScrollRect 带按钮翻页支持拖拽
- 如何使用Unity制作虚拟导览(一)
- Unity之使用UGUI制作人物移动,血条跟随效果!
- 如何使用Unity制作虚拟导览(三)
- 分享使用Unity制作游戏关卡的教程(2)
- [zz]使用unity制作雨滴涟漪效果
- 如何使用Unity制作一款自己喜欢玩的游戏demo(Unity萌新的进阶技巧)
- 简单两步使用Unity制作ZigZag游戏
- Unity制作游戏中技能使用后转CD的场景
- Unity UGUI的RectTransform使用
- 使用Unity制作GTA武器菜单的简单思路
- 使用Unity制作的一个望远镜特效
- 关于Unity中使用刚体制作简单跑酷案例
- tmux-翻页scroll的使用
- uniapp之scroll-view组件的练习使用 (制作可滑动的菜单)
- 【Unity3D游戏】使用Unity制作经典2D游戏之贪吃蛇
- Unity 2017 使用UGUI制作大转盘抽奖
- [Unity UGUI]ScrollRect效果大全