您的位置:首页 > 移动开发 > Unity3D

Unity UGUI 利用Scroll View动态生成列表

2017-07-18 21:29 591 查看

Unity UGUI 利用Scroll View动态生成列表

本人菜鸟一枚,通过博客记录自己踩过的坑,如果这篇文章有幸被您看到,并对您有所帮助,这将是我的荣幸。如果您有更好的想法,希望您不吝赐教,小弟感激不尽。

Unity自4.6版本开始自带UGUI,经过几个版本的发展UGUI已经很好用了,不多说直奔主题

很多时候我们需要动态生成一个列表,列表的长度不确定,很可能会超出我们的屏幕或者程序窗口的宽度,这时候我们需要添加一个Scroll View的UI组件。这时候你会发现Content的长度也是不确定的,我们需要在生成列表的同时,修改Content的长度,才能使得Scroll View组件生效。这时我们需要利用到UGUI中的布局组件(LayOut),具体步骤如下;

1.新建画布Canvas,并在画布上新建一个Scroll View组件,结构如图



2.添加Layout组件,选中Viewport中的Content添加组件,我们添加一个Grid Layout Group,添加一个Content Size Fitter组件





3.具体参数按需求设置,如



4.添加一个按钮,并为其绑定点击事件,通过点击按钮生成列表

代码:
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class MyList : MonoBehaviour {
//public
public GameObject originObject;
public Transform parentTransForm;

/// <summary>
/// 克隆一个GameObject
/// </summary>
public void InstantiateList()
{
GameObject.Instantiate(originObject, parentTransForm);
}
}

5.新建一个空物体把脚本拖到空物体上。如图



6.运行效果如图

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  unity UGUI 列表