跳转到主要内容

用户界面和UI系统

u3d有2个UI系统，一个是传统的UGUI，一个是UI TOOL KIT,现在网上大部分教程都是UGUI的，而且UGUI主要以图片为主，可以做出更好看的效果，本文也使用UGUI

开始

为便于观察，可以将编辑器设置为2D模式

在层级管理器上右键->ui->canvas，此时编辑器将自动增加一个EventSystem,EventSystemy用于处理输入事件。

也可以直接增加一个image控件，编辑器也会自动帮忙增加canvas和Eventy System，所有的UI组件实际上都扩自image,可以在image上增加组件，此时，这个image就变成了一个按钮，可以处理按钮事件了。

使用中文字体

window->TextMeshPro->Font Assets Creator

注意character set 选择characters from file,并在项目创建一个txt文件，文件编码为utf8,把你需要使用的文字输入进去，即默认不会有文字

然后点击Generate Font atlas生成，最后点击保存，即可以使用中文字体了

处理按钮事件

新增一个脚本UiEvents.cs，新建一个GameObject, 并将脚本挂载上去，回到button上，附件相关事件

public class UiEvents : MonoBehaviour
{

    public void OnBtnStartGanmeClick()
    {
        Debug.Log("Button Clicked");
    }
}

使用布局系统

使用锚点确定对其方式，可以按照我们常见的布局模式，使用Panel先画出区块，例如top,left，以适用自适应

使用Panel先画出区块，例如top,left，以适用自适应

增加一个GameObject,增加组件，搜索Layout，根据需要，选择网格布局、垂直布局、水平布局

回到顶部