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

来源:互联网 发布:什么是模块化编程 编辑:程序博客网 时间:2024/06/08 07:35

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.运行效果如图

原创粉丝点击