Unity排行榜优化滚动效果

本文实例为大家分享了Unity排行榜优化滚动效果的具体代码,供大家参考,具体内容如下

自己做的一个优化排行榜的功能 当有大量的数据需要在scroolRect中可以通过 只夹在几个item循环利用便可以展示所需的内容;

下面是效果实现图

下面是我的一个中心思想

通过对处在视野第一个Item左上和左下左边点的位置来判断 是将最后一个移动到第一个前面

还是将第一个移动到最后一个后面

用到的我目前来说不太常用的数据结构 LinkedList 方便用于移除第一个 和最后一个;
以下是代码

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;

public class WuXianGunDong : MonoBehaviour
{
    List<string> strs = new List<string>();//需要修改

    public int DataTips;

    public Transform content;
    public GameObject loopItemPrefab;

    Vector3[] viewCorners = new Vector3[4];
    float hight;  //生成的loopItem所占的区域
    int current = -1;
    int itemCount;//生成的Item的数量

    public LinkedList<GameObject> loopItems = new LinkedList<GameObject>();

    #region 回调
    private void Awake()
    {
        for (int i = 0; i < DataTips; i++)
        {
            strs.Add(i.ToString());
        }

        hight = loopItemPrefab.GetComponent<RectTransform>().sizeDelta.y + content.GetComponent<VerticalLayoutGroup>().spacing;

        itemCount = (int)(transform.GetComponent<RectTransform>().sizeDelta.y / hight) + 2;

        if (itemCount > DataTips)
            itemCount = DataTips;
        for (int i = 0; i < itemCount; i++)
        {
            GameObject obj = Instantiate(loopItemPrefab, content);
            obj.GetComponentInChildren<Text>().text = strs[i];
            loopItems.AddLast(obj);
            current++;
        }
        transform.GetComponent<RectTransform>().GetWorldCorners(viewCorners);
        content.GetComponent<VerticalLayoutGroup>().enabled = true;
    }

    private void Start()
    {
        Invoke("DisGrid", 0.1f);
    }
    #endregion

    #region 拖拽的时候
    public void OnChange()
    {
        if (DataTips < itemCount)
        {
            return;
        }
        Vector3[] rectCorners = new Vector3[4];
        //当第一个离开视野的时候
        loopItems.First.Value.GetComponent<RectTransform>().GetWorldCorners(rectCorners);
        if (rectCorners[0].y > viewCorners[1].y)
        {
            if (current + 1 < strs.Count)
            {
                current++;
                loopItems.First.Value.transform.GetComponentInChildren<Text>().text = strs[current];
                loopItems.First.Value.GetComponent<RectTransform>().localPosition = loopItems.Last.Value.GetComponent<RectTransform>().localPosition - new Vector3(0, hight, 0);
                loopItems.AddLast(loopItems.First.Value);
                loopItems.RemoveFirst();
            }
        }
        //当最后一个进入视野的时候
        loopItems.First.Value.GetComponent<RectTransform>().GetWorldCorners(rectCorners);
        if (rectCorners[1].y < viewCorners[1].y)
        {
            if (current - itemCount >= 0)
            {
                loopItems.Last.Value.transform.GetChild(0).GetComponent<Text>().text = strs[current - itemCount];
                loopItems.Last.Value.GetComponent<RectTransform>().localPosition = loopItems.First.Value.GetComponent<RectTransform>().localPosition + new Vector3(0, hight, 0);
                loopItems.AddFirst(loopItems.Last.Value);
                loopItems.RemoveLast();
                current--;
            }
        }
    }
    #endregion

    public void DisGrid()
    {
        //关闭LayoutGroup
        content.GetComponent<VerticalLayoutGroup>().enabled = false;
        //设置宽度
        content.GetComponent<RectTransform>().sizeDelta = new Vector2(content.GetComponent<RectTransform>().sizeDelta.x, strs.Count * hight);
    }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • unity实现动态排行榜

    本文实例为大家分享了unity实现动态排行榜的具体代码,供大家参考,具体内容如下 在做2048游戏的时候要实现排行榜的功能: 1.超出显示范围可以通过滑动滚动条来上下查看 2.动态插入行 3.每次插入自动更新排名信息 其实和滑页效果类似,只不过需要再加入排序的元素. 1.超出显示范围可以通过滑动滚动条来上下查看 滑页效果(也就是超出显示范围如何显示)见Unity实现滑动更换界面的效果 排行榜的rank.Viewport.content同滑页中的组件配置. 排行榜是由排名.名字.分数组成的. 滚动

  • Unity排行榜优化滚动效果

    本文实例为大家分享了Unity排行榜优化滚动效果的具体代码,供大家参考,具体内容如下 自己做的一个优化排行榜的功能 当有大量的数据需要在scroolRect中可以通过 只夹在几个item循环利用便可以展示所需的内容: 下面是效果实现图 下面是我的一个中心思想 通过对处在视野第一个Item左上和左下左边点的位置来判断 是将最后一个移动到第一个前面 还是将第一个移动到最后一个后面 用到的我目前来说不太常用的数据结构 LinkedList 方便用于移除第一个 和最后一个: 以下是代码 using Sy

  • unity实现文字滚动效果

    本文实例为大家分享了unity实现文字滚动效果的具体代码,供大家参考,具体内容如下 效果: 代码: using System.Collections; using System.Collections.Generic; using UnityEngine.UI; using UnityEngine; using System; //移动类型 [Serializable] public enum MoveType { [EnumAttirbute("水平滚动")] horMove, [E

  • Unity实现卡片循环滚动效果的示例详解

    目录 简介 定义卡片的摆放规则 调整卡片的层级关系 调整卡片的尺寸大小 动态调整位置.层级和大小 移动动画 按钮事件 简介 功能需求如图所示,点击下一个按钮,所有卡片向右滚动,其中最后一张需要变更为最前面的一张,点击上一个按钮,所有卡片向左滚动,最前面的一张需要变更为最后一张,实现循环滚动效果. 最中间的一张表示当前选中项,变更为选中项的滚动过程中,需要逐渐放大到指定值,相反则需要恢复到默认大小. 实现思路: 定义卡片的摆放规则: 调整卡片的层级关系: 调整卡片的尺寸大小: 卡片向指定方向移动,

  • Unity实现轮盘方式的按钮滚动效果

    近期在项目中,策划给出了一个需求就是,让按钮按照一个轮盘的轨迹进行滑动的效果,经过一番测试,实现了初步的效果. 我这里区分了横向滑动和纵向滑动,这里以纵向滑动为例子进行示范,实现按钮的滑动效果. 首先就是先进行位置初始化: /// <summary> ///从大到小排序,Y轴 /// </summary> private Comparison<CircleScrollRectItemBase> ComparisionY = delegate (CircleScrollR

  • Unity实现3D循环滚动效果

    本文实例为大家分享了Unity实现3D循环滚动效果展示的具体代码,供大家参考,具体内容如下 然后通过SetDepthAndPosition这个方法,实现图片的空间空间展开 Z轴和Y轴,系数是一样的 经过上面设置,空间就摆开了 using UnityEngine; using System.Collections; using System.Collections.Generic; public class SelectRole : MonoBehaviour { public GameObjec

  • Unity实现老虎机滚动抽奖效果的示例代码

    直接看下效果图吧: 制作思路: 设计四张图片,五个点,每个图片同时向下一个点移动,到最后一个就回到0号点,以此循环. 场景搭建: 创建Image命名为Bg作为电视框背景: 创建Image命名Mask并添加Mask组件作为电视框内容显示遮罩框: 创建四个Image作为滚动图片: 创建开始抽奖按钮: PS:实际项目中可以根据需求来动态修改图片显示,以达到的控制每次抽奖奖品内容. 源码分享: using System.Collections; using UnityEngine; using Unit

  • Unity实现游戏卡牌滚动效果

    最近项目中的活动面板要做来回滚动卡牌预览效果,感觉自己来写的话,也能写,但是可能会比较耗时,看到Github上有开源的项目,于是就借用了,Github的资源地址,感谢作者的分享. 本篇博客旨在告诉大家如何利用这个插件. 插件的核心在于工程中的6个脚本,以下是六个脚本的源码: DragEnhanceView.cs using UnityEngine; using System.Collections; using UnityEngine.UI; using UnityEngine.EventSys

  • jQuery实现的文字逐行向上间歇滚动效果示例

    本文实例讲述了jQuery实现的文字逐行向上间歇滚动效果.分享给大家供大家参考,具体如下: 运行效果图如下: 具体代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>www.jb51.net jQuery文字逐行向上滚动代码</title> <link href="css/index.css" rel=&quo

  • Unity项目优化相关技巧

    目录 一.简单优化 二.优化进阶 四.代码相关优化 一.简单优化 1.图片纹理大小尽量为2的幂次方(比如128,512,1024等等),以便unity对其进行优化. 2.将多个小图片纹理合并一个大的图片纹理以降低drawcall,特别是同一个ui面板的元素都放到一个图集中,背景图片尽量单独做一个图片. 3.尽可能的共用材质球,原因同上. 4.不需要播放动画的模型把Animator或animation组件删除掉,因为不管用或不用他们都会被初始化. 5.模型方面要注意尽可能的减少顶点数和三角面数,尽

  • js实现可控制左右方向的无缝滚动效果

    本文实例为大家分享了无缝滚动效果JavaScript代码实现,供大家参考,具体内容如下] 效果图: 实现代码: <!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>zzzz</title> <style> *{ margin: 0; padding:0; } body{ width: 1000px; margin: 100px a

随机推荐