unity实现无限列表功能

本文实例为大家分享了unity实现无限列表功能的具体代码,供大家参考,具体内容如下

public static class RectTransformExtensions
 {
  public static bool Overlaps(this RectTransform a, RectTransform b)
  {
   return a.WorldRect().Overlaps(b.WorldRect());
  }
  public static bool Overlaps(this RectTransform a, RectTransform b, bool allowInverse)
  {
   return a.WorldRect().Overlaps(b.WorldRect(), allowInverse);
  }

  public static Rect WorldRect(this RectTransform rectTransform)
  {
   Vector2 sizeDelta = rectTransform.sizeDelta;
   float rectTransformWidth = sizeDelta.x * rectTransform.lossyScale.x;
   float rectTransformHeight = sizeDelta.y * rectTransform.lossyScale.y;

   Vector3 position = rectTransform.position;

   return new Rect(
    position.x - rectTransformWidth * rectTransform.pivot.x,
    position.y - rectTransformHeight * rectTransform.pivot.y,
    rectTransformWidth,
    rectTransformHeight);
  }
  /// <summary>
  ///
  /// </summary>
  /// <param name="rectTransform"></param>
  /// <param name="pos">世界坐标的position</param>
  /// <returns></returns>
  public static Rect WorldRect2(this RectTransform rectTransform, Vector3 pos)
  {
   Rect rect = new Rect();
   Vector2 sizeDelta = rectTransform.sizeDelta;
   float rectTransformWidth = sizeDelta.x * rectTransform.lossyScale.x;
   float rectTransformHeight = sizeDelta.y * rectTransform.lossyScale.y;

   Vector3 position = pos;

   rect.x = position.x - rectTransformWidth * rectTransform.pivot.x;
   rect.y = position.y - rectTransformHeight * rectTransform.pivot.y;
   rect.width = rectTransformWidth;
   rect.height = rectTransformHeight;

   return rect;
  }
 }

以上拓展方法是判断两个Recttransform类型的物体是否相交。

然后ScrollRec的滑动回调方法中更新UI位置,代码如下

private void OnScrollRectValueChanged(Vector2 arg0)
  {
   Dictionary<int, DynamicRect> inOverlaps = new Dictionary<int, DynamicRect>();

   mRectMask = 遮罩物体的RectTransform.WorldRect();
   //m_DynamicRectDic这个字典保存的是你所有UI需要放置的位置数据,
   //判断所有UI哪个是可见哪个不可见 ,保存起来
   foreach (DynamicRect dR in m_DynamicRectDic.Values)
   {
    tmpTra.localPosition = dR.localPos;
    //获取每个位置UI的世界坐标Rect
    Rect rect = m_LevelItemPrefabRT.WorldRect2(tmpTra.position);
    if (rect.Overlaps(mRectMask))
    {
     inOverlaps.Add(dR.Index, dR);
    }
   }
   //m_LevelItemList是保存你实例化后的UI列表,比如你这个遮罩页面最多显示3个UI,你需要实例化4个UI,然后动态修改gameobject的显示与隐藏
   int len = m_LevelItemList.Count;
   for (int i = 0; i < len; ++i)
   {
    //LevelItem是UI上挂载的脚本,用于更新UI界面的显示和数据存储的
    LevelItem item = m_LevelItemList[i];
    if (item.DRect != null && !inOverlaps.ContainsKey(item.DRect.Index))
    {
     //item的DRect为null时,隐藏物体,否则显示物体
     item.DRect = null;
    }
   }
   //判断哪些可以重复利用的UI,然后赋予新的数据与位置
   foreach (DynamicRect dR in inOverlaps.Values)
   {
    if (GetDynmicItem(dR) == null)
    {
     LevelItem item = GetNullDynmicItem();

     if (item == null) continue;

     item.DRect = dR;
     //更新UI的位置和显示(自己计算,每种显示不一样)
     _UpdateChildTransformPos(item.gameObject, dR.Index);
    }
   }
  }

  /// <summary>
  /// 通过动态格子获得动态渲染器
  /// </summary>
  /// <param name="rect"></param>
  /// <returns></returns>
  private LevelItem GetDynmicItem(DynamicRect rect)
  {
   int len = m_LevelItemList.Count;
   for (int i = 0; i < len; ++i)
   {
    LevelItem item = m_LevelItemList[i];
    if (item.DRect == null)
     continue;
    if (rect.Index == item.DRect.Index)
     return item;
   }
   return null;
  }
  /// <summary>
  /// 获得待渲染的渲染器
  /// </summary>
  /// <returns></returns>
  private LevelItem GetNullDynmicItem()
  {
   int len = m_LevelItemList.Count;
   for (int i = 0; i < len; ++i)
   {
    LevelItem item = m_LevelItemList[i];
    if (item.DRect == null)
     return item;
   }

   return null;
  }

 public class DynamicRect
 {
  /// <summary>
  /// 本地坐标
  /// </summary>
  public Vector3 localPos;
  /// <summary>
  /// 格子索引
  /// </summary>
  public int Index;

  public DynamicRect(int index, Vector3 localPos)
  {
   this.Index = index;
   this.localPos = localPos;
  }
 }

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

(0)

相关推荐

  • Unity实现QQ列表折叠菜单

    本文实例为大家分享了Unity实现QQ列表折叠菜单的具体代码,供大家参考,具体内容如下 主要用到了GUI的自动布局功能,VerticalLayoutGroup,注意ChildControlsSize 和ChildForceExpand属性设置为 Width 效果: 实现代码: /// <summary> /// 折叠菜单 /// </summary> public class FoldPanel : MonoBehaviour { [SerializeField] private

  • Unity ScrollView实现动态列表生成

    制作根据实时获取的数据动态改变的列表,UGUI 的 Scroll View 已经封装好了基本的参数,总结一些值得注意的地方和动态生成列表的方法. 在 Canvas 创建 Scroll View 后,基本结构如下. 一. 注意两点: 1. Content 下放自定义的列表内容,如这个 item 是名为"张三"的 Button 预制件.(制作为 Button 因为我的项目里需要点击列表项产生交互结果) 2. 如果是顶部固定,往下依次延伸的列表,Content 和里边自己的 item 中心锚

  • Unity实现透视滑动列表

    本文实例为大家分享了Unity实现透视滑动列表的具体代码,供大家参考,具体内容如下 1.目的 有时候,为了实现更好的美术效果,需要实现一些特殊的滑动列表,例如轨迹滑动,也有透视滑动. 注意:本文里所展示的效果是未经测试的试验版,如果用于实际项目中,应该还需要优化代码和测试性能 2.思考 透视滑动列表可以有两种方式来实现: 第一种方法是,通过shader实现,其核心原理是,定义一个中心点坐标(CenterX,CenterY),再定义一个透视系数_ OffsetPerspective,在vert函数

  • Unity3D实现列表分页效果

    本文实例为大家分享了Unity3D实现列表分页效果的具体代码,供大家参考,具体内容如下 using System.Collections.Generic; using UnityEngine; public class Page : MonoBehaviour { public List<string> Tips = new List<string>(); public Texture2D DetailImg1; public Texture2D DetailImg2; priva

  • unity实现无限列表功能

    本文实例为大家分享了unity实现无限列表功能的具体代码,供大家参考,具体内容如下 public static class RectTransformExtensions { public static bool Overlaps(this RectTransform a, RectTransform b) { return a.WorldRect().Overlaps(b.WorldRect()); } public static bool Overlaps(this RectTransfor

  • Vue实现一个无限加载列表功能

    一个需要判断的地方就是加载中再次触发滚动的时候,不要获取数据. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表无限加载</title> <style> * { margin: 0; padding: 0; } li { height: 50px; border-bottom: 1px s

  • Android开发实现广告无限循环功能示例

    本文实例讲述了Android开发实现广告无限循环功能.分享给大家供大家参考,具体如下: 一.效果图: 二.代码实现: /** * 新闻首页 * * @Project App_Card * @Package com.android.koomama.fragment.home * @author chenlin * @version 1.0 * @Date 2014年6月22日 * @Note TODO */ public class NewsHomeFragment extends BaseFra

  • NodeJS遍历文件生产文件列表功能示例

    本文实例讲述了NodeJS遍历文件生产文件列表功能.分享给大家供大家参考,具体如下: 功能需求:在工作中我们可能经常需要知道项目中静态文件列表发布,一个一个去检索写,那就太苦逼了. 要想知道里面的文件列表是不是很蛋疼,可能我们也会有dos tree去获取. 这里分享一下,通过node,知道文件路径,并配置远程路径,直接copy,发布. 新建filelist.js 里面都有注释,我就不哆嗦了. var fs = require("fs"); //path模块,可以生产相对和绝对路径 va

  • Android自定义ListView实现仿QQ可拖拽列表功能

    我们大致的思路,其实是这样子的,也是我的设想,我们可以先去实现一个简单的ListView的数据,但是他的Adapter,我们可以用系统封装好的,然后传递进去一个实体类,最后自定义一个listview去操作,所以我们先把准备的工作做好,比如? list_item.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.a

  • Python实现的将文件每一列写入列表功能示例【测试可用】

    本文实例讲述了Python实现的将文件每一列写入列表功能.分享给大家供大家参考,具体如下: # -*- coding: utf-8 -*- #! python3 ''' python读取文件,每一列写入一个列表 ''' def readFile(cor): data = [] with open(cor,encoding='utf-8') as fr: lines = fr.readlines() sent_, pin_, tag_ = [], [], [] for line in lines:

  • Vue实现搜索 和新闻列表功能简单范例

    效果图如下所示: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style&

  • vue2.0实现移动端的输入框实时检索更新列表功能

    最近在做vue2.0的项目遇到一个移动端实时检索搜索更新列表的效果,当用户在搜索框输入客户的电话或姓名的时候,客户列表内容会做相应的更新,下面给大家看下图~· html <input type="text" id="getval" class="flex-1" @blur="serchhide" v-model="val" v-focus v-on:input ="inputFunc&quo

  • JS实现左边列表移到到右边列表功能

    实现功能: 1.左边的下拉框内容添加到右边的下拉框,支持多选移动,且同时将右边的下拉框对象移除: 2.支持列表中项目上下位置的移动: 3.效果图如下: Html代码 <HTML> <HEAD> <TITLE>选择下拉菜单</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <META NAME=&qu

随机推荐