返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >Unity排行榜优化滚动效果
  • 545
分享到

Unity排行榜优化滚动效果

2024-04-02 19:04:59 545人浏览 薄情痞子
摘要

本文实例为大家分享了Unity排行榜优化滚动效果的具体代码,供大家参考,具体内容如下 自己做的一个优化排行榜的功能,当有大量的数据需要在scroolRect中可以通过只夹在几个ite

本文实例为大家分享了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);
    }
}

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

--结束END--

本文标题: Unity排行榜优化滚动效果

本文链接: https://lsjlt.com/news/131248.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Unity排行榜优化滚动效果
    本文实例为大家分享了Unity排行榜优化滚动效果的具体代码,供大家参考,具体内容如下 自己做的一个优化排行榜的功能,当有大量的数据需要在scroolRect中可以通过只夹在几个ite...
    99+
    2024-04-02
  • unity实现动态排行榜
    本文实例为大家分享了unity实现动态排行榜的具体代码,供大家参考,具体内容如下 在做2048游戏的时候要实现排行榜的功能: 1.超出显示范围可以通过滑动滚动条来上下查看 2.动态插...
    99+
    2024-04-02
  • unity如何实现动态排行榜
    这篇文章给大家分享的是有关unity如何实现动态排行榜的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在做2048游戏的时候要实现排行榜的功能:超出显示范围可以通过滑动滚动条来上下查看2.动态插入行3.每次插入自动...
    99+
    2023-06-20
  • Vue使用Echarts实现排行榜效果
    Vue使用 Echarts 做出排行榜的感觉,供大家参考,具体内容如下 其实这不算是一篇技术文的,就是单纯的echarts调样式就可以,但是有的地方设置还是不好设置的,所以说嘞,就保...
    99+
    2024-04-02
  • Unity怎么实现老虎机滚动抽奖效果
    小编给大家分享一下Unity怎么实现老虎机滚动抽奖效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!直接看下效果图吧:制作思路:设计四张图片,五个点,每个图片同时...
    99+
    2023-06-14
  • Unity如何实现人像动漫化效果
    这篇文章主要介绍了Unity如何实现人像动漫化效果的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Unity如何实现人像动漫化效果文章都会有所收获,下面我们一起来看看吧。接口介绍:运用对抗生成网络技术,结合人脸检...
    99+
    2023-06-26
  • Unity实现卡片循环滚动效果的示例详解
    目录简介定义卡片的摆放规则调整卡片的层级关系调整卡片的尺寸大小动态调整位置、层级和大小移动动画按钮事件简介 功能需求如图所示,点击下一个按钮,所有卡片向右滚动,其中最后一张需要变更为...
    99+
    2022-12-09
    Unity卡片循环滚动效果 Unity循环滚动效果 Unity 滚动
  • Unity百度AI实现人像动漫化效果
    接口介绍: 运用对抗生成网络技术,结合人脸检测、头发分割、人像分割等技术,为用户量身定制千人千面的二次元动漫形象,并支持通过参数设置,生成二次元动漫人像。 创建应用:   ...
    99+
    2024-04-02
  • Unity实现老虎机滚动抽奖效果的示例代码
    直接看下效果图吧: 制作思路: 设计四张图片,五个点,每个图片同时向下一个点移动,到最后一个就回到0号点,以此循环。 场景搭建: 创建Image命名为Bg作为电视框背...
    99+
    2024-04-02
  • jQuery实现表格行数据滚动效果
    本文实例为大家分享了jQuery实现表格行数据滚动效果的具体代码,供大家参考,具体内容如下 HTML代码: <div class="box"> <div c...
    99+
    2024-04-02
  • Redis 实现用户积分和积分排行榜微服务优化
    文章目录 修改添加积分方法积分排行控制层redis实现积分排行业务逻辑层Redis排行榜测试使用 JMeter 压测对比 在之前的博客中我通过 MySQL数据库实现了积分和积分排行榜功能,在数据量大和并发量高的情况下会...
    99+
    2023-08-22
    redis java 数据库
  • jQuery怎么实现表格行数据滚动效果
    这篇文章主要讲解了“jQuery怎么实现表格行数据滚动效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jQuery怎么实现表格行数据滚动效果”吧!HTML代码:<div c...
    99+
    2023-06-20
  • Javascript中怎么实现逐行滚动文字效果
    Javascript中怎么实现逐行滚动文字效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。//FILE: scrolltext.js CREATED: DannyKang...
    99+
    2023-06-03
  • 微信小程序实现多行文字滚动效果
    本文实例为大家分享了微信小程序实现多行文字滚动的具体代码,供大家参考,具体内容如下 wxml <view class="full" style="height:100%;o...
    99+
    2024-04-02
  • vue可视化大屏实现无线滚动列表飞入效果
    目录一、效果如下二、代码如下(因项目是vite与vue3.0、element-plus)一、效果如下 二、代码如下(因项目是vite与vue3.0、element-plus) &l...
    99+
    2024-04-02
  • Android实现横向无限循环滚动的单行弹幕效果
    本期将带领大家实现一个这样的效果,支持无限循环的单行弹幕效果。 实现思路分析 要实现上面的效果,我们先拆分下实现要素: 1、弹幕布局是从屏幕的右侧向左侧滚动,单个弹幕之间的间距是固...
    99+
    2024-04-02
  • vue可视化大屏怎么实现无线滚动列表飞入效果
    今天小编给大家分享一下vue可视化大屏怎么实现无线滚动列表飞入效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。一、效果如下...
    99+
    2023-06-30
  • Vue金融数字格式化(并保留小数)数字滚动效果实现
    目录Vue金融数字格式化(并保留小数) 数字滚动补充:vue做数字滚动效果用vue-countTo实现安装使用Vue金融数字格式化(并保留小数) 数字滚动  提示 &nb...
    99+
    2023-05-16
    vue数字滚动 vue金融数字格式化
  • 怎么在微信小程序中实现一个多行文字滚动效果
    这期内容当中小编将会给大家带来有关怎么在微信小程序中实现一个多行文字滚动效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。具体内容如下wxml<view class="full&...
    99+
    2023-06-14
  • 如何在社交媒体上进行优化,提升我的SEO效果
    在社交媒体上进行优化以提升SEO效果主要包括以下几个方面:1、一致性信息:确保所有社交媒体平台上的业务信息一致;2、关键词和标签:在帖子和描述中使用相关的关键词和标签;3、高质量内容:发布有价值和可分享的内容;4、用户参与:激励用户互动和分...
    99+
    2023-10-29
    社交 效果 媒体
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作