从零开始的Unity学习 UGUI 基础控件 第一部分 day04

GUI

回调 void OnGUI();

//自动布局 GUILayout

GUILayout.Button(String);

GUI.Layout.TextField(String)(String);

//手动布局 GUI

GUI.Lable(Rect , String);

GUI.Button(bool)(Rect , String);

GUI.TextField(String)(Rect,String); -- 注意 ：String用变量，无法回车，回车用TextArea;

---->

private int Page = 0;
void OnGUI()
{
    if(Page == 0)
        GUILayout.Button("登录");
    else if(Page == 1)
        GUILayout.Button("注册");
    
    if(GUILayout.Button("切换页面"))
    {
        if (Page == 1)
            Page = 0;
        else
            Page = 1;
    }
}

//GUISkin （GUI样式皮肤）全局

【设置GUI皮肤】

GUI.skin = skin;

UGUI

【版本变换】 GUI -> NGUI(插件) -> UGUI（4.6）

【UI分类】

【基础UI】

1.文字

Text

【组件】

【Rect Transform】

        Pivot : 轴点

        Anchor : 锚点

        sizeDelta : 宽高

        Scale : 缩放（一般不去调节Scale ，改去调sizeDalta）

【Text】

        Character

        Font : 字体

        Font Style ：字体风格

        Bold : 加粗

        Italic：倾斜

        Bold and Italic ： 加粗并倾斜

        Font Size : 字号

        Line Spacing ：行间距

        Rich Text：富文本

                <b> 加粗 </b>

                <i> 斜体 </i>

                <size=字号> 斜体 </size>

                <color=颜色>文本 </color>

        Paragraaph

                Aligment ：对齐方式

                Align By Geometry

                Horizontal Overflow : 横向溢出

                Vertical Overflow ：纵向溢出

                Best Fit : 根据字数自动调整字号

                        Min Size

                        Max Size

                Color : 颜色

                Material：材质

                Raycast Target ：射线检测目标

图片

Image : 用于存储精灵图片

        Source Image ：显示的图片(可拖拽)

        Color : 颜色

        Material

        Raycast Target

        Image Type ：图片类型

        Simple：拉伸

        Preserve Aspect ：图片保持原有比例

        Set Native Size ：把图片的宽高设置为原始的宽高

        Sliced ：裁剪 边缘四个角像素不会改变 可变为清晰

        Fill Center ：填充中心

Filed : 平铺

Filled：填充

        填充比例

         是否顺时针填充 

       

Raw Image：用于存储纹理图片 也可以放精灵

        Color ：颜色

        Material：材质

        UV Rect（图片设置为 Repeat）

        X: 左右平移

        Y：上下平移

3.Sprite: 精灵

        Texture Type : 图片类型

        Sprite Mode

        Single

        Packing Tag

        Plxels Per Unit

        Mesh Type

        Extrude Edges

        Pivot：锚点

        Generate Physics Shape ：编辑精灵的物理形状

        Sprite Edit ：精灵编辑器

可交互UI

Button

        Interactable ：交互是否有效

        Transtion：变换

        Target Graphic ：目标图形

        Normal Color ：普通状态

        Highlighted Color：悬停颜色

        Pressed Color：按下颜色

        Disabled Color：不可用时颜色

        Color Multiplier：

        Fade Duration

        Highlighted Color：悬停颜色

        Pressed Color：按下颜色

        Disabled Color：不可用时颜色

        Navigation

On Click（点击事件）

        1.可以修改某个组件的公有属性

        2.可以调用其他组件的方法

        3.可以调用组件的方法

                方法必须为Public

                参数只能是 0 / 1

        4.通过代码设置按钮点击监听

列子：

                按理来说事件可以无限多

Tips

【应用命名空间】

        using UnityEngine.UI;

【字符串方法】

        【插入】

                insert(插入位置，String);

【计算机中的颜色】

        RGBA

                Red ：红 色 100

                Green ：绿色 010

                Blue：蓝色 001

                Alpha ：透明度

计算