unity之ugui

1.canvas

2.panel

3.button

4.text

5.image

6.slider

7.scroll

8.scrollview

9.scrollbar

10.input field

相关组件

button

slider

scroll rect

scrollbar

Input field

slider

只要有image和text,别的就可以自己创建啦

一自己创建button

创建一个canvas,在canvas下创建一个Image,,为其添加一个Button组件





此时它就是个button了

属性介绍：Normal Color:正常情况下它得颜色

                   Highlighted Color:鼠标经过时它得颜色

                   pressed Color:按下时它得颜色

                  disabled Color:不可用时它得颜色

监听介绍：On Click()

新建一个脚本，随便加到谁身上，例，我在Image身上加了一个脚本，ButtonScript-------------在脚本中新添加一个方法

public void OnClick() {

print("监听button");

}

然后

把脚本所在的那个对象拖给Button组件中的OnClick,然后找到你写的那个方法，当我点击按钮的时候，就会调用这个方法

二自定义Slider

新建一个Image,给它添加Slider组件



它就是slider啦

系统创建的Slider是这样子的



slider组件中，fill rect代表的是填充区域，可以新建一个image拖给它，Handle Rect代表slider的头的地方



改变value的值，可以改变填充区域的长度

三scrollview

新建一个Image,为他添加Scroll Rect组件



此时这个Image就是个框框，它是固定不动的

需要给它添加一个滑动区域，也就是Content

新建一个Image2，把它拖给image中Scroll Rect组件的Content

最好给Image添加个Mask,让超出框框的部分显示不出来

由属性可看，它可以关联Scrollbar,来控制滑动

四scrollbar



新建一个Image,为其添加Scrollbar组件，此时它就是scrollbarl了，观察系统的scrollbar，它还有一个白色的框框，再新建一个image,然后拖给



InputField

新建一个Image,为其添加InputField组件



自己再建一个Text,拖入Text Compoent，这个是用户用来输入的

Placholder是默认提示语

注：如果想清空输入框的文字，要用InputField来做，不能获取Text，清除Text来做

Grid Layout Group(格子组)：将它的孩子对象按Cell Size进行分组





Horizontal Layout Group(把孩子按水平进行分组)





同理，Vectical Layout Group(把孩子按照垂直进行分组)