二十.主界面

主界面

1.新建MainMenu场景

保存在Scenes文件夹下

2.新建UI–>Canvas

设置缩放模式为 Scale With Screen Size，分辨率为1920x1080

在Canvas下新建UI–>Image，命名为img_title

设置图片为资源中UI下TItle，并设置图片显示为自身大小

在Canvas下新建Button，开始游戏按钮，命名为btn_start，下面TEXT命名为text_start

编辑九宫格图片(只有淡蓝色这个图没调整好)

设置button，Transition为Sprite Swap，添加点击等效果图片

设置Text，内容为：开始游戏

拷贝开始游戏按钮，命名为btn_quit，退出游戏，并相应设置text_quit内容

3.添加背景

加入back和两个middle到场景下

分别设置位置和层级显示为BG，实现效果

添加音乐到场景，并设置循环和混响等

4.新建脚本MainMenu

在Scripts文件夹下，新建MainMenu脚本，绑定到Canvas下

新建函数

public void clickStartGame()
{
}

//退出游戏
public void clickQuitGame()
{
    Debug.Log("Quit the game");
    Application.Quit();
}

在开始按钮和退出按钮分别操作On Click ()，点击+，拖动Canvas到目标位置，分别选择Function为MainMenu下的clickStartGame()和clickQuitGame()

添加参数startScene，表示启动场景

添加引用using UnityEngine.SceneManagement，用于跳转场景

写跳转场景代码

using UnityEngine.SceneManagement;

public string startScene;

public void clickStartGame()
{
    SceneManager.LoadScene(startScene);
}

在Unity界面，填写startScene，与游戏场景名字相同

点击File–>Build Setting，打开设置，拖入场景到Build中

5.build测试

点击Build，选择新建文件夹build保存构建的文件，选好后进行构建

6.制作预制体

在Prefabs文件夹下，新建UI文件夹，用于保存UI的预制体

拖入btn_start到UI文件夹下