溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了Unity 中怎么利用ScrollRect實現一個無限滾動條，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
建一個循環滑動腳本 InfinityGridLayoutGroup類并且有刪除刷新功能;
一個數據管理刷新腳本如：MarketLayoutGroup(商店市場數據刷新管理器)，繼承InfinityGridLayoutGroup類 并且在滑動 的時候給每條數據對象賦值顯示；
一個單數據對象MarketElement;
一個UI 用于顯示滑動；
1 .InfinityGridLayoutGroup類:
using UnityEngine;
using System.Collections;
using UnityEngine.UI;
using System.Collections.Generic;
[RequireComponent(typeof(GridLayoutGroup))]
[RequireComponent(typeof(ContentSizeFitter))]
public class InfinityGridLayoutGroup : MonoBehaviour
{
public int minAmount = 0;//實現無限滾動，需要的最少的child數量。屏幕上能看到的+一行看不到的，比如我在屏幕上能看到 2 行，每一行 2 個。則這個值為 2行*2個 + 1 行* 2個 = 6個。
public bool changePanel = false;//切換面板
public bool up = false;
RectTransform rectTransform;
GridLayoutGroup gridLayoutGroup;
ContentSizeFitter contentSizeFitter;
ScrollRect scrollRect;
List<RectTransform> children = new List<RectTransform>();
Vector2 startPosition;
public int amount = 0;
public delegate void UpdateChildrenCallbackDelegate(int index, Transform trans);
public UpdateChildrenCallbackDelegate updateChildrenCallback = null;
public int realIndex = -1;
int realIndexUp = -1; //從下往上;
#region // 改動
Vector2 gridLayoutSizeLast;
Vector2 gridLayoutPosLast;
Vector2 currentPos;
#endregion
public bool hasInit = false;
Vector2 gridLayoutSize;
Vector2 gridLayoutPos;
Dictionary<Transform, Vector2> childsAnchoredPosition = new Dictionary<Transform, Vector2>();
Dictionary<Transform, int> childsSiblingIndex = new Dictionary<Transform, int>();
// Use this for initialization
void Start()
{
StartCoroutine(InitChildren());
}
IEnumerator InitChildren()
{
yield return 0;
// Debug.Log("hasInit" + hasInit);
minAmount = transform.childCount;
if (!hasInit)
{
//childsAnchoredPosition.Clear();
//獲取Grid的寬度;
rectTransform = GetComponent<RectTransform>();
gridLayoutGroup = GetComponent<GridLayoutGroup>();
gridLayoutGroup.enabled = false;
contentSizeFitter = GetComponent<ContentSizeFitter>();
contentSizeFitter.enabled = false;
gridLayoutSizeLast = rectTransform.sizeDelta;
gridLayoutPos = rectTransform.anchoredPosition;
gridLayoutSize = rectTransform.sizeDelta;
// Debug.Log("<Color=Red>children</Color>---" + children.Count + "realIndex---" + realIndex);
//注冊ScrollRect滾動回調;
scrollRect = transform.parent.GetComponent<ScrollRect>();
scrollRect.onValueChanged.AddListener((data) => { ScrollCallback(data); });
//獲取所有child anchoredPosition 以及 SiblingIndex;
for (int index = 0; index < transform.childCount; index++)
{
Transform child = transform.GetChild(index);
RectTransform childRectTrans = child.GetComponent<RectTransform>();
childsAnchoredPosition.Add(child, childRectTrans.anchoredPosition);
childsSiblingIndex.Add(child, child.GetSiblingIndex());
}
//Debug.Log("<Color=Blue>children</Color>---" + children.Count + "realIndex---" + realIndex);
}
else
{
//Debug.Log("gridLayoutPosLast--" + gridLayoutSizeLast.y);
rectTransform.anchoredPosition = new Vector2(gridLayoutPos.x, Vector2.zero.y);
// Debug.Log("current--" + currentPos.y);
rectTransform.sizeDelta = gridLayoutSize;
gridLayoutSizeLast = rectTransform.sizeDelta;
// Debug.Log("rectTransform.sizeDelta--" + rectTransform.sizeDelta.y);
children.Clear();
realIndex = -1;
realIndexUp = -1;
//children重新設置上下順序;
foreach (var info in childsSiblingIndex)
{
info.Key.SetSiblingIndex(info.Value);
}
//children重新設置anchoredPosition;
for (int index = 0; index < transform.childCount; index++)
{
Transform child = transform.GetChild(index);
RectTransform childRectTrans = child.GetComponent<RectTransform>();
if (childsAnchoredPosition.ContainsKey(child))
{
childRectTrans.anchoredPosition = childsAnchoredPosition[child];
}
else
{
Debug.LogError("childsAnchoredPosition no contain " + child.name);
}
}
}
//獲取所有child;
for (int index = 0; index < transform.childCount; index++)
{
Transform trans = transform.GetChild(index);
trans.gameObject.SetActive(true);
children.Add(transform.GetChild(index).GetComponent<RectTransform>());
//初始化前面幾個;
UpdateChildrenCallback(children.Count - 1, transform.GetChild(index));
}
startPosition = rectTransform.anchoredPosition;
// Debug.Log("<Color=Red>children</Color>---"+ children.Count+ "realIndex---"+ realIndex);
realIndex = children.Count - 1;
ShowElement(realIndex);
//Debug.Log( scrollRect.transform.TransformPoint(Vector3.zero));
// Debug.Log(transform.TransformPoint(children[0].localPosition));
hasInit = true;
//如果需要顯示的個數小于設定的個數;
for (int index = 0; index < minAmount; index++)
{
children[index].gameObject.SetActive(index < amount);
}
if (gridLayoutGroup.constraint == GridLayoutGroup.Constraint.FixedColumnCount)
{
//如果小了一行，則需要把GridLayout的高度減去一行的高度;
int row = (minAmount - amount) / gridLayoutGroup.constraintCount;
if (row > 0)
{
rectTransform.sizeDelta -= new Vector2(0, (gridLayoutGroup.cellSize.y + gridLayoutGroup.spacing.y) * row);
}
}
else
{
//如果小了一列，則需要把GridLayout的寬度減去一列的寬度;
int column = (minAmount - amount) / gridLayoutGroup.constraintCount;
if (column > 0)
{
rectTransform.sizeDelta -= new Vector2((gridLayoutGroup.cellSize.x + gridLayoutGroup.spacing.x) * column, 0);
}
}
//if (amount <= minAmount)
// scrollRect.enabled = false;
//else
// scrollRect.enabled = true;
}
void ScrollCallback(Vector2 data)
{
UpdateChildren();
}
void UpdateChildren()
{
// Debug.Log("當前位置");
if (transform.childCount < minAmount)
{
return;
}
// Debug.Log("當前位置" + rectTransform.anchoredPosition.y + "startPosition.y" + startPosition.y);
currentPos = rectTransform.anchoredPosition;
//Vector2 currentPos = rectTransform.anchoredPosition;
if (gridLayoutGroup.constraint == GridLayoutGroup.Constraint.FixedColumnCount)
{
float offsetY = currentPos.y - startPosition.y;
if (offsetY > 0)
{
//向上拉，向下擴展;
{
if (realIndex >= amount - 1)
{
startPosition = currentPos;
return;
}
up = false;
float scrollRectUp = scrollRect.transform.TransformPoint(Vector3.zero).y;
Vector3 childBottomLeft = new Vector3(children[0].anchoredPosition.x, children[0].anchoredPosition.y - gridLayoutGroup.spacing.y - gridLayoutGroup.cellSize.y * 0.5f, 0f); //gridLayoutGroup.cellSize.y
float childBottom = transform.TransformPoint(childBottomLeft).y;
if (childBottom >= scrollRectUp)
{
Debug.Log("childBottom >= scrollRectUp");
//移動到底部;
for (int index = 0; index < gridLayoutGroup.constraintCount; index++)
{
children[index].SetAsLastSibling();
children[index].anchoredPosition = new Vector2(children[index].anchoredPosition.x, children[children.Count - 1].anchoredPosition.y - gridLayoutGroup.cellSize.y - gridLayoutGroup.spacing.y);
realIndex++;
if (realIndex > amount - 1)
{
children[index].gameObject.SetActive(false);
}
else
{
UpdateChildrenCallback(realIndex, children[index]);
}
}
ShowElement(realIndex);
//GridLayoutGroup 底部加長;
rectTransform.sizeDelta += new Vector2(0, gridLayoutGroup.cellSize.y + gridLayoutGroup.spacing.y);
gridLayoutSizeLast = rectTransform.sizeDelta;
// Debug.Log("<Color=Red>gridLayoutSizeLast.y</Color>" + gridLayoutSizeLast.y);
//更新child;
for (int index = 0; index < children.Count; index++)
{
children[index] = transform.GetChild(index).GetComponent<RectTransform>();
}
}
// Debug.Log("realIndex向上--" + realIndex);
}
}
else
{
//Debug.Log("Drag Down");
//向下拉，下面收縮;
if (realIndex + 1 <= children.Count)
{
startPosition = currentPos;
return;
}
RectTransform scrollRectTransform = scrollRect.GetComponent<RectTransform>();
Vector3 scrollRectAnchorBottom = new Vector3(0, -scrollRectTransform.rect.height - gridLayoutGroup.spacing.y, 0f);//- gridLayoutGroup.spacing.y
float scrollRectBottom = scrollRect.transform.TransformPoint(scrollRectAnchorBottom).y;
Vector3 childUpLeft = new Vector3(children[children.Count - 1].anchoredPosition.x, children[children.Count - 1].anchoredPosition.y + gridLayoutGroup.spacing.y * minAmount, 0f);//gridLayoutGroup.spacing.y realIndex-minAmount+1
float childUp = transform.TransformPoint(childUpLeft).y;
//Debug.Log("childUp----" + childUp + "scrollRectBottom---" + scrollRectBottom);
if (childUp < scrollRectBottom)
{
//Debug.Log("childUp < scrollRectBottom");
up = true;
//把底部的一行 移動到頂部
for (int index = 0; index < gridLayoutGroup.constraintCount; index++)
{
children[children.Count - 1 - index].SetAsFirstSibling();
children[children.Count - 1 - index].anchoredPosition = new Vector2(children[children.Count - 1 - index].anchoredPosition.x, children[0].anchoredPosition.y + gridLayoutGroup.cellSize.y + gridLayoutGroup.spacing.y);
children[children.Count - 1 - index].gameObject.SetActive(true);
UpdateChildrenCallback(realIndex - children.Count - index, children[children.Count - 1 - index]);
}
realIndex -= gridLayoutGroup.constraintCount;
ShowElement(realIndex);
//GridLayoutGroup 底部縮短;
//rectTransform.anchoredPosition = gridLayoutPos;
rectTransform.sizeDelta -= new Vector2(0, gridLayoutGroup.cellSize.y + gridLayoutGroup.spacing.y);
gridLayoutSizeLast = rectTransform.sizeDelta;
//Debug.Log("<Color=Red>gridLayoutSizeLast.y</Color>" + gridLayoutSizeLast.y);
//更新child;
for (int index = 0; index < children.Count; index++)
{
children[index] = transform.GetChild(index).GetComponent<RectTransform>();
}
}
// Debug.Log("realIndex向下--" + realIndex);
}
}
#region 左右滑動
else
{
float offsetX = currentPos.x - startPosition.x;
if (offsetX < 0)
{
//向左拉，向右擴展;
{
if (realIndex >= amount - 1)
{
startPosition = currentPos;
return;
}
float scrollRectLeft = scrollRect.transform.TransformPoint(Vector3.zero).x;
Vector3 childBottomRight = new Vector3(children[0].anchoredPosition.x + gridLayoutGroup.cellSize.x, children[0].anchoredPosition.y, 0f);
float childRight = transform.TransformPoint(childBottomRight).x;
// Debug.LogError("childRight=" + childRight);
if (childRight <= scrollRectLeft)
{
//Debug.Log("childRight <= scrollRectLeft");
//移動到右邊;
for (int index = 0; index < gridLayoutGroup.constraintCount; index++)
{
children[index].SetAsLastSibling();
children[index].anchoredPosition = new Vector2(children[children.Count - 1].anchoredPosition.x + gridLayoutGroup.cellSize.x + gridLayoutGroup.spacing.x, children[index].anchoredPosition.y);
realIndex++;
if (realIndex > amount - 1)
{
children[index].gameObject.SetActive(false);
}
else
{
UpdateChildrenCallback(realIndex, children[index]);
}
}
if (realIndex >= 7)
//GridLayoutGroup 右側加長;
rectTransform.sizeDelta += new Vector2(gridLayoutGroup.cellSize.x + gridLayoutGroup.spacing.x, 0);
//更新child;
for (int index = 0; index < children.Count; index++)
{
children[index] = transform.GetChild(index).GetComponent<RectTransform>();
}
}
}
}
else
{
//Debug.Log("Drag Down");
//向右拉，右邊收縮;
if (realIndex + 1 <= children.Count)
{
startPosition = currentPos;
return;
}
RectTransform scrollRectTransform = scrollRect.GetComponent<RectTransform>();
Vector3 scrollRectAnchorRight = new Vector3(scrollRectTransform.rect.width + gridLayoutGroup.spacing.x, 0, 0f);
float scrollRectRight = scrollRect.transform.TransformPoint(scrollRectAnchorRight).x;
Vector3 childUpLeft = new Vector3(children[children.Count - 1].anchoredPosition.x, children[children.Count - 1].anchoredPosition.y, 0f);
float childLeft = transform.TransformPoint(childUpLeft).x;
if (childLeft >= scrollRectRight)
{
//Debug.LogError("childLeft > scrollRectRight");
//把右邊的一行 移動到左邊;
for (int index = 0; index < gridLayoutGroup.constraintCount; index++)
{
children[children.Count - 1 - index].SetAsFirstSibling();
children[children.Count - 1 - index].anchoredPosition = new Vector2(children[0].anchoredPosition.x - gridLayoutGroup.cellSize.x - gridLayoutGroup.spacing.x, children[children.Count - 1 - index].anchoredPosition.y);
children[children.Count - 1 - index].gameObject.SetActive(true);
UpdateChildrenCallback(realIndex - children.Count - index, children[children.Count - 1 - index]);
}
//GridLayoutGroup 右側縮短;
rectTransform.sizeDelta -= new Vector2(gridLayoutGroup.cellSize.x + gridLayoutGroup.spacing.x, 0);
//更新child;
for (int index = 0; index < children.Count; index++)
{
children[index] = transform.GetChild(index).GetComponent<RectTransform>();
}
realIndex -= gridLayoutGroup.constraintCount;
}
#endregion
}
}
// Debug.Log("realIndex--" + realIndex);
//Debug.Log("currentPos.y--" + currentPos.y + "rectTransform.sizeDelta---" + rectTransform.sizeDelta.y);
startPosition = currentPos;
gridLayoutPosLast = currentPos;
}
void UpdateChildrenCallback(int index, Transform trans)
{
if (updateChildrenCallback != null)
{
updateChildrenCallback(index, trans);
}
}
public virtual void ShowElement(int endIndex)
{
}
/// <summary>
/// 設置總的個數;
/// </summary>
/// <param name="count"></param>
public void SetAmount(int count)
{
amount = count;
//如果切換面板
if (!changePanel)
{
//hasInit = false;
StartCoroutine(InitChildren());
changePanel = true;
}
else
{
// Debug.Log("currentPos.y--" + currentPos.y);
if (currentPos.y > 10)
{
如果需要顯示的個數小于設定的個數;
//Debug.Log("minAmount--"+minAmount);
for (int index = 0; index < minAmount; index++)
{
children[index].gameObject.SetActive(index < amount);
}
//刪除操作
if (GameInstance.isDecrase)
{
if (realIndex > minAmount - 1)
{
realIndex--;
//把底部的一行 移動到頂部
for (int index = 0; index < gridLayoutGroup.constraintCount; index++)
{
children[children.Count - 1 - index].SetAsFirstSibling();
children[children.Count - 1 - index].anchoredPosition = new Vector2(children[children.Count - 1 - index].anchoredPosition.x, children[0].anchoredPosition.y + gridLayoutGroup.cellSize.y + gridLayoutGroup.spacing.y);
children[children.Count - 1 - index].gameObject.SetActive(true);
UpdateChildrenCallback(realIndex - children.Count - index, children[children.Count - 1 - index]);
}
//更新child;
for (int index = 0; index < children.Count; index++)
{
children[index] = transform.GetChild(index).GetComponent<RectTransform>();
}
}
GameInstance.isDecrase = false;//GameInstance類中bool變量控制條目刪除的刷新使用
currentPos = new Vector2(currentPos.x, currentPos.y - gridLayoutGroup.cellSize.y - gridLayoutGroup.spacing.y);
if (realIndex > minAmount - 1)
{
gridLayoutSizeLast = new Vector2(gridLayoutSizeLast.x, gridLayoutSizeLast.y - gridLayoutGroup.cellSize.y - gridLayoutGroup.spacing.y);
}
else
rectTransform.anchoredPosition = currentPos;
}
else
rectTransform.anchoredPosition = currentPos;
rectTransform.sizeDelta = gridLayoutSizeLast;
rectTransform.anchoredPosition = new Vector2(currentPos.x, currentPos.y);
startPosition = rectTransform.anchoredPosition;
ShowElement(realIndex);
}
else
{
StartCoroutine(InitChildren());
}
}
}
}2.MarketLayoutGroup類：
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class MarketLayoutGroup : InfinityGridLayoutGroup
{
bool isNotOutRange = false;
//商店市場的可買的商品集合
private List<MarketGood> marketGoods;
//可出售到商店的商品集合
public List<SealGood> marketSeal;
//可要在商店加工的商品集合
private List<ExchangeGood> marketMake;
//重寫父類的調用循環刷新顯示
public override void ShowElement(int endIndex)
{
//獲取商店窗體對象
MarketActivity market = MainPanelContrller.Instance.presenter.MarketWindowsActivity[0] as MarketActivity;
//判斷當前窗體默認開啟的類型是否是可買的商品集合
if (market.current == CurrentPanel.Image_Buy)
{
//獲取可買商品的數據（ GameInstance全局數據儲存腳本）
marketGoods = GameInstance.marketGoods;
//判斷商品數
amount = marketGoods.Count;
//Debug.Log ("marketGoods--"+marketGoods.Count);
//endIndex為可見ui的最大下標
isNotOutRange = endIndex < marketGoods.Count ? true : false;
//遍歷ui對象數目 判斷每一條ui應該顯示的數據 并調用MarketElement賦值顯示。
for (int i = 0; i < transform.childCount; i++)
{
//獲取ui顯示對象
MarketElement presenter = transform.GetChild(i).GetComponent<MarketElement>();
//判斷并且賦值顯示
if (isNotOutRange)
{
//presenter.name.text = myGoodList[endIndex - minAmount + 1 + i].name;
presenter.SetData(marketGoods[endIndex - minAmount + 1 + i]);
}
else
{
if (endIndex - minAmount + 1 + i < marketGoods.Count)
{
presenter.SetData(marketGoods[endIndex - minAmount + 1 + i]);
}
else
{
MarketGood good = new MarketGood();
presenter.SetData(good);
}
}
}
}
else if (market.current == CurrentPanel.Image_Seal)
{
if (GameInstance.marketSeals == null)
return;
//Debug.Log("GameInstance.marketSeals" + GameInstance.marketSeals.Count);
// Debug.Log("marketSeal" + marketSeal);
marketSeal = GameInstance.marketSeals;
amount = marketSeal.Count;
isNotOutRange = endIndex < marketSeal.Count ? true : false;
for (int i = 0; i < transform.childCount; i++)
{
ElementSeal presenter = transform.GetChild(i).GetComponent<ElementSeal>();
if (isNotOutRange)
{
//Debug.Log("endIndex+" + endIndex);
//Debug.Log(endIndex - minAmount + 1 + i);
//presenter.name.text = myGoodList[endIndex - minAmount + 1 + i].name;
presenter.SetData(marketSeal[endIndex - minAmount + 1 + i]);
}
else
{
// Debug.Log(endIndex - minAmount + 1 + i);
if (endIndex - minAmount + 1 + i < marketSeal.Count)
{
presenter.SetData(marketSeal[endIndex - minAmount + 1 + i]);
}
else
{
SealGood _good = new SealGood();
presenter.SetData(_good);
}
}
}
}
else
{
//Debug.Log("當前所在條數--" + realIndex);
//加工
marketMake = GameInstance.marketMakes;
amount = marketMake.Count;
isNotOutRange = endIndex < marketMake.Count ? true : false;
for (int i = 0; i < transform.childCount; i++)
{
MarketElement presenter = transform.GetChild(i).GetComponent<MarketElement>();
if (isNotOutRange)
{
//presenter.name.text = myGoodList[endIndex - minAmount + 1 + i].name;
presenter.SetData(marketMake[endIndex - minAmount + 1 + i]);
}
else
{
//Debug.Log ("marketGoods---"+marketGoods);
if (endIndex - minAmount + 1 + i < marketMake.Count)
{
presenter.SetData(marketMake[endIndex - minAmount + 1 + i]);
}
else
{
ExchangeGood good = new ExchangeGood();
presenter.SetData(good);
}
}
}
}
}
}3.UI對象父類MarketElement：
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class MarketElement : MonoBehaviour
{
public virtual void SetData(ExchangeGood good) { }
public virtual void SetData(MarketGood good) { }
public virtual void SetData(SealGood good) { }
public virtual void SetData() { }
}實現類：ElementMarket
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class ElementMarket : MarketElement
{
private MarketGood _goodData;
[Header("物品框父物體")]
public Image good_BG;
public Text price;
public Text num;
public Text name;
public Text nameGoods;
public Button buy;
LocalizeData xml_data = new LocalizeData();
string config = LocalizeManager.Instance.GetCurrentLanguage();
public override void SetData(MarketGood good)
{
base.SetData(good);
if (good.goodsId == 0) return;
_goodData = good;
if (MainPanelContrller.Instance.openStyle == OpenMarketStyle.Skill)
{
GoodsInfoData myGood = new GoodsInfoData();
GameManager.Instance.allXmlData.GetXmlData<GoodsInfoData>(ConfigFilesName.GOODS_CONFIG, good.goodsId, ref myGood);
good_BG.transform.GetChild(0).GetComponent<Image>().sprite = SpriteManager.LoadAtlasSprite("Sprite/Item", "Item_" + myGood.Icon);
price.text = "x" + good.price.ToString();
nameGoods.text = myGood.Name;
// num.text = "x" + good.num;
// int trend = good.price - good.lastPrice;
//使用描述
name.text = myGood.Description;
//物品描述
num.text = myGood.Description_2;
}
else
{
//員外的
}
}
void OnEnable()
{
buy.onClick.AddListener(BuyBtn);
}
void OnDisable()
{
buy.onClick.RemoveAllListeners();
}
/// <summary>
/// 打開購買二級界面
/// </summary>
void BuyBtn()
{
Debug.Log("購買了資源商店：" + _goodData.goodsId + " 物品");
this.gameObject.transform.parent.GetComponent<MarketLayoutGroup>().changePanel = true;
Bundle bundle = new Bundle();
bundle.PutObject("marketGood", _goodData);
MainPanelContrller.Instance.presenter.MarketWindowsActivity[0].manager.PushWindow(typeof(BuyActivity), bundle);
}
}4.UI:
滑動總UI scrollrect
滑動組件Grid MarketLayerGourp
滑動條 ElementMarket:
上述內容就是Unity 中怎么利用ScrollRect實現一個無限滾動條，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
