仿《公主连结》首页场景的制作（附资源包）

先看效果（主要实现点击按钮切换图片，未解锁按钮弹出提示，点击过后播放动画）

预备知识（单例模式，携程， Resources.Load加载资源的方式）

资源准备（底部按钮7个图标，1920*1080的图片7个）

1.场景搭建（创建4个空对象并修改名字，创建Resources文件夹并在其中创建4个子文件夹并把准备的资源放到里面去）

2.创建一个画布并将这两个空对象（LayerRoot，Bottom）拖到画布中，并设置位置

3.设置画布的缩放模式（设置缩放模式并调整分辨率为1920*1080）

4.制作界面（在LayerRoot中创建一个图片（Image)并修改名字为“界面1”，将准备的图片拖到图片的原图像中，然后设置图片的原生大小）

最后得到这样一张效果图

5.用同样的方法制作界面2-7，并将它们拖到Layers文件夹中做成预制体

6.给Bottom和LayerRoot添加RectTransform组件

7.删除多余的界面然后设置Bottom的锚点为底部（这样是为了适应不同分辨率的屏幕）

8.界面搭建

9.制作提示预制体并拖到Tips文件夹中

10.创建脚本文件夹并编写3个脚本（ClickText，TipsMage，UIManage）（控制点击的脚本，提示管理器，界面管理器）

TipsMage

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class TipsMage : MonoBehaviour
{//单例模式public static TipsMage Instance;void Start(){if (Instance == null){Instance = this;}else{Destroy(gameObject);}}public  void ShowTips(string titel , string content){ //利用Resources.Load加载预制体GameObject tips = Resources.Load("Tips/Tips") as GameObject;//实例化预制体GameObject tipobj = Instantiate(tips);//设置tips的标题和内容tipobj.transform.Find("Tips_box/titel").GetComponent<Text>().text = titel;tipobj.transform.Find("Tips_box/content").GetComponent<Text>().text = content;//找到装提示的容器GameObject UiLayer= GameObject.Find("LayerRoot");//将提示添加到容器中tipobj.transform.SetParent(UiLayer.transform);tipobj.transform.position= UiLayer.transform.position;//一段时间后销毁提示Destroy(tipobj, 2f);}
}

UIManage

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class UIManage : MonoBehaviour
{//单例模式public static UIManage Instance;//放置所有UI的根节点private Transform _uiLayerRoot;//存放已经打开过的UIprivate List<GameObject> _openedUI = new List<GameObject>();//上一个打开的UIprivate  string _lastOpenUIname;private void Awake(){if (Instance == null){Instance = this;}else{Destroy(gameObject);}_uiLayerRoot=GameObject.Find("LayerRoot").transform;_lastOpenUIname = "Layers/icom1";_openedUI.Add(GameObject.Find("Layers/icom1"));}//打开单个public  void Openlayer(string layerName){//查找之前是否打开过GameObject openedLayer = _openedUI.Find(item => item.name == layerName);if (openedLayer == null && layerName!=""){Closelayer(_lastOpenUIname);GameObject newLayer = Resources.Load(layerName) as GameObject;GameObject layerInstance = Instantiate(newLayer, _uiLayerRoot.position, Quaternion.identity);_openedUI.Add(layerInstance);layerInstance.name = layerName;layerInstance.transform.SetParent(_uiLayerRoot);_lastOpenUIname=layerName;}else if (openedLayer.activeSelf == false){GameObject layer = _openedUI.Find(item => item.name == layerName);if (layer != null){layer.SetActive( true);}Closelayer(_lastOpenUIname);_lastOpenUIname = layerName;}}//关闭单个public void Closelayer(string layerName){GameObject layer = _openedUI.Find(item => item.name == layerName);if (layer!= null){layer.SetActive(false);}}//关闭所有public void CloseAll(){foreach (GameObject ui in _openedUI){ui.SetActive(false);}}
}

ClickText

using System.Collections;
using UnityEngine;
using UnityEngine.UI;public class ClickText : MonoBehaviour
{// 显示的界面名字public string OpenLayerName;// 控制动画的携程Coroutine JumpControllercont;// 静态变量来跟踪当前正在播放动画的协程private static ClickText currentAnimatedButton;void Start(){gameObject.GetComponent<Button>().onClick.AddListener(() =>{if (OpenLayerName == ""){TipsMage.Instance.ShowTips("友好提示", "你还没有设置显示的界面");}else{// 如果有其他按钮正在播放动画，停止它的协程if (currentAnimatedButton != null && currentAnimatedButton != this){currentAnimatedButton.StopCoroutine(currentAnimatedButton.JumpControllercont);currentAnimatedButton.gameObject.transform.Find("icom").GetComponent<RectTransform>().localPosition = new Vector3(0, 0, 0);}UIManage.Instance.Openlayer(OpenLayerName);if (JumpControllercont == null || currentAnimatedButton != this){JumpControllercont = StartCoroutine(JumpController());// 设置当前播放动画的按钮为这个按钮currentAnimatedButton = this;}}});//设置默认点击按钮if (gameObject.name == "Option1"){gameObject.GetComponent<Button>().onClick.Invoke();}}IEnumerator JumpController(){while (true){gameObject.transform.Find("icom").GetComponent<RectTransform>().localPosition = new Vector3(0, 100, 0);yield return new WaitForSeconds(0.5f);gameObject.transform.Find("icom").GetComponent<RectTransform>().localPosition = new Vector3(0, 0, 0);yield return new WaitForSeconds(0.5f);}}
}

11.先将提示管理器和界面管理器拖到对应的空对象上