UnityGUI系统之容器、下拉列表与自动布局

一、层容器简介作用

层容器(Panel)的作用是作为一个容器,承载其它控件,可以使多个控件作为一整体一起操作

UnityGUI系统之容器、下拉列表与自动布局_第1张图片

层容器的基本属性 :
UnityGUI系统之容器、下拉列表与自动布局_第2张图片

Soure Image :设置层容器的背景图片

Color ;设置层容器的背景颜色

Raycast Target :是否接受射线检测

二、自动布局

当我们需要在容器中若有多个控件若果我们自己手动的排列顺序非常的麻烦,在Unity中给我们提供了几种排序的功能。

1、水平布局与垂直布局
水平布局子控件在父控件区域中水平方向上有序的排序,而竖直方向上子控件自动的拉伸与父控件竖直方向上相同长度。而垂直布局则是竖直方向有序排序,水平方向上拉伸至相同长度。

水平布局和垂直布局只能同时使用一个。

水平布局
UnityGUI系统之容器、下拉列表与自动布局_第3张图片
垂直布局:
UnityGUI系统之容器、下拉列表与自动布局_第4张图片

水平布局和垂直布局的基本属性相同:
UnityGUI系统之容器、下拉列表与自动布局_第5张图片

Padding :控件与父控件区域边框的间距

Spacing : 子控件与子控件之间的间距

2、网格布局
网格布局可以使控件自动排序,在其中的控件会变为原始大小,但我们可以改变其大小。

UnityGUI系统之容器、下拉列表与自动布局_第6张图片

网格布局的基本属性:

UnityGUI系统之容器、下拉列表与自动布局_第7张图片

Padding : 设置子控件与边框的间距

Cell Size :设置控件的大小

Spacing : 设置控件之间的间距

Star Axis :设置子控件的对齐方式

在使用网格布局的时候,我们可能动态的向父控件区域中添加子控件,Unity给我们提供了一个控件:

这个控件的作用会根据我们添加了多少个控件而自动修改父控件区域的大小。

三、下拉列表

下拉列表的基本属性:
UnityGUI系统之容器、下拉列表与自动布局_第8张图片

Tranget Graphic :设置控件按钮的一些基本的样式,和设置按钮一样。

Value :设置下拉列表中的选项,我们可以选择加号添加更多的选择

Option A:设置选项中显示的文字

None(Sprite) : 设置当前选项的图片样式
UnityGUI系统之容器、下拉列表与自动布局_第9张图片

下拉列表的回调事件:
当我们在列表中选择了不同的选项时,Unity3D就会传递当前选择的选项的按钮的序号给回调函数,参数的类型是一个整形数据类型。序号是从零开始 :

public void DropdownTest(int value)
    {
        print("当前选择的选项是" + value);
    } 

运行结果 :
UnityGUI系统之容器、下拉列表与自动布局_第10张图片

动态的向下拉列表中添加选项:

void Start()
    {
        //新建一个选项
        Dropdown.OptionData data1 = new Dropdown.OptionData();
        data1.text = "游戏玩家";
        //将新建的相添加到列表中
        mDropdown.options.Add(data1);
    }

运行结果:
UnityGUI系统之容器、下拉列表与自动布局_第11张图片

你可能感兴趣的:(Unit3D游戏开发)