Unity ScrollView实现动态列表生成

制作根据实时获取的数据动态改变的列表，UGUI 的 Scroll View 已经封装好了基本的参数，总结一些值得注意的地方和动态生成列表的方法。

在 Canvas 创建 Scroll View 后，基本结构如下。

一. 注意两点：

1. Content 下放自定义的列表内容，如这个 item 是名为“张三”的 Button 预制件。（制作为 Button 因为我的项目里需要点击列表项产生交互结果）

2. 如果是顶部固定，往下依次延伸的列表，Content 和里边自己的 item 中心锚点要一致，如下设置 Anchors 的参数，锚点在Content 和 item 的顶部正中

二. 动态生成列表

主要计算每个新生成的 item 的位置，以及根据总体 item 个数更新 Content 高度

public void onItemCreat( int _count )
 {
  //销毁之前的生成的item，清除列表
  for (int i = 1; i < itemList.Count;i++ )
  {
   DestroyImmediate(itemList[i]);
  }
  itemList.Clear();

  //在 Content 里生成 _count 个item
  if(_count > 0)
  {
   Item.SetActive(true); //第一个item实例已经放在列表第一个位置，直接激活
   itemList.Add(Item);
   int i = 1;

   while(i<_count)
   {
    GameObject a = GameObject.Instantiate(Item) as GameObject;
    a.transform.parent = Content.transform; //设置为 Content 的子对象
    itemList.Add(a);
    RectTransform t = itemList[i - 1].GetComponent<RectTransform>(); //获取前一个 item 的位置
    //当前 item 位置放在在前一个 item 下方
    a.GetComponent<RectTransform>().localPosition =
     new Vector3(t.localPosition.x, t.localPosition.y - t.rect.height, t.localPosition.z);
    a.GetComponent<RectTransform>().localScale = new Vector3(1, 1, 1);
    i++;
   }
   //根据当前 item 个数更新 Content 高度
   Content.GetComponent<RectTransform>().sizeDelta =
     new Vector2(Content.GetComponent<RectTransform>().sizeDelta.x, itemList.Count * itemHeight);
  }
  else
  {
   Item.SetActive(false);
  }
 }

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

赞 (0)

相关推荐

  • 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实现QQ列表折叠菜单

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

  • 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

  • Unity ScrollView实现动态列表生成

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

  • JS如何生成动态列表

    JS如何生成动态列表

    本文实例为大家分享了JS如何生成动态列表的具体代码,供大家参考,具体内容如下 思路: JS中写函数----HTML中利用表单元素获取用户输入的行和列的值,调用JS中的函数. 主要用到的知识有:JS就不说了,表单元素,以及其属性value,和表格- 代码: <!doctype html> <html> <head> <meta charset = "utf-8"> <title>创建动态表格</title> <

  • Unity ScrollView实现自动吸附效果

    Unity ScrollView实现自动吸附效果

    本文实例为大家分享了Unity ScrollView实现自动吸附效果的具体代码,供大家参考,具体内容如下 一.效果演示 二.实现思路 通过使用UGUI的拖拽接口,在拖拽结束时比较当前滑动框的NormalizedPositon与每一页的NormalizedPositon值,找到距离当前拖拽结束位置最近的页并缓慢滑动过去 三.使用说明 --此功能脚本是对ScrollView的扩展,所以必须添加UGUI提供的基础Scroll View --Content上必须添加GridLayoutGroup组件并添

  • Unity实现透视滑动列表

    Unity实现透视滑动列表

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

  • asp.net新闻列表生成静态页之批量和单页生成

    asp.net新闻列表生成静态页之批量和单页生成

    大家都知道,生成静态页的方法有两种,第一种是使用C#在后台硬编码,第二种是读取模板文件,使用字符串代替.总体来讲第一种方法代码量比较大,维护起来有点困难.生成静态页的目的是为了提高用户体验度,加快访问速度. 使用静态页面还有如下好处: 1. 安全:使用静态页面,用户访问的使没有任何操作功能的html页面,可以说从安全性方面大大提高了程序及服务器的安全. 2. 快速:用户访问的是提前生成好的静态页面,使用户对页面的请求瓶颈只受IO的限制而不会有其他方面的影响. 3. 降低服务器,数据库负载:因为用

  • layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)

    声明:这里非常感谢闲心大神,开源了非常好用的前端UI框架,layui,如有侵权请联系我.当然闲心在2.0版本的layuiAdmin已经支持了,不过是收费版的,需要的同学可以自行购买,网址:http://www.layui.com/admin/pro/ 本人在做管理后台事用到了左侧的导航列表,但是管理后台进来的菜单是根据不同账户的权限,显示不同的菜单.这时候需要动态的渲染左侧的列表.但是1.0版本只是更新到2级菜单,不满足如下图的3级菜单需求,只能自己动手,改造源码 话不多说,上代码: 1.htm

  • 详解Linux动态库生成与使用指南

    Linux下动态库文件的文件名形如 libxxx.so,其中so是 Shared Object 的缩写,即可以共享的目标文件. 在链接动态库生成可执行文件时,并不会把动态库的代码复制到执行文件中,而是在执行文件中记录对动态库的引用. 程序执行时,再去加载动态库文件.如果动态库已经加载,则不必重复加载,从而能节省内存空间. Linux下生成和使用动态库的步骤如下: 编写源文件. 将一个或几个源文件编译链接,生成共享库. 通过 -L<path> -lxxx 的gcc选项链接生成的libxxx.so

  • Unity ScrollView实现无限循环效果

    Unity ScrollView实现无限循环效果

    本文实例为大家分享了Unity ScrollView实现无限循环效果的具体代码,供大家参考,具体内容如下 在Unity引擎中ScrollView组件是一个使用率比较高的组件,该组件能上下或者左右拖动的UI列表,背包.展示多个按钮等情况的时候会用到,在做排行榜类似界面时,item非常多,可能有几百个,一次创建这么多GameObject是非常卡的.为此,使用只创建可视区一共显示的个数,加上后置准备个数. 由于ScrollView有两种滚动方式,水平滚动或者垂直滚动,所以我创建了ScrollBase基

  • Unity ScrollView实现无限滑动效果

    Unity ScrollView实现无限滑动效果

    本文实例为大家分享了Unity ScrollView实现无限滑动效果的具体代码,供大家参考,具体内容如下 一.效果演示 二.前言 当邮件中有1000封邮件,商店列表中有1000个物体,如果直接实例化1000条数据显示则会大大增加DrawCall,而大量不可见的数据被Mask组件排除在可视范围之外,但他们依然存在,这时就需要考虑通过一个无限滑动的ScrollView来优化渲染性能 三.实现思路 通过头下标和尾下标记录当前实例化数据的最大最小索引,之后用Content的锚点位置与当头下标的锚点位置进

  • 游戏开发进阶Unity网格(Mesh\动态合批\骨骼动画\蒙皮)

    游戏开发进阶Unity网格(Mesh\动态合批\骨骼动画\蒙皮)

    目录 一.前言 二.Hello Mesh 三.萌新初识Mesh 1.引擎内置的Mesh 2.Mesh是什么 三.Mesh的创建方式 1.第三方建模软件 2.Unity建模插件:ProBuilder 3.程序动态生成网格 四.Unity中如何显示网格 1.MeshFilter:网格过滤器 2.MeshRenderer:网格渲染器 3.SkinnedMeshRenderer:蒙皮网格渲染器 3.1 骨骼动画 3.2 SkinnedMeshRenderer组件 3.2 使用BakeMesh进行优化 五

随机推荐