UGUI新手引导

转载 ：http://blog.csdn.net/lyh916/article/details/50878799

效果图：

对于新手引导，主要分两种做法：需要使用shader的和不需要shader的，这里介绍的是后者

1.屏蔽点击

假如ImageA在ImageB前面，且ImageA完全覆盖ImageB，点击两者的重叠部分，ImageA会收到点击事件，而ImageB不会。对于UGUI来说，就是将一张灰色半透明图放到最前面了

2.目标UI高亮

这里有三种做法：

a.调整目标UI的Hierarchy层级
b.克隆目标UI，调整克隆UI的Hierarchy层级
c.使用Canvas + Graphic Raycaster 

这里本人选择的是第三种，因为第一种会破坏原有的的层级，第二种的话，如果目标UI本身没有绑定Mono脚本，则需要复制事件，不太好

需要注意的是，上面三种做法都是会增加drawcall的

这里给出核心脚本：

[csharp]  view plain  copy

 

1. using UnityEngine;  
2. using System.Collections;  
3. using UnityEngine.UI;  
4. using System;  
5.   
6. public class GuideManager : MonoSingletion<GuideManager> {  
7.   
8.     private Transform maskTra;  
9.   
10.     private string fileDir = "GuideFile/";  
11.     private string nowCsvFile;  
12.     private int nowIndex;  
13.     private bool isFinish = false;//是否完成所有的新手引导  
14.     private string[] nameArray;      
15.   
16.     public void Init()  
17.     {  
18.         //读取进度  
19.         string content = Resources.Load<TextAsset>(fileDir + "GuideProgress").ToString();  
20.         string[] temp = content.Split(',');  
21.         nowCsvFile = temp[0];  
22.         nowIndex = int.Parse(temp[1]);  
23.         isFinish = bool.Parse(temp[2]);  
24.   
25.         //读取需要高亮的组件的Hierarchy路径  
26.         if (!isFinish)  
27.         {  
28.             string s = Resources.Load<TextAsset>(fileDir + nowCsvFile).ToString();  
29.             nameArray = s.Split(new string[] { "\r\n" }, System.StringSplitOptions.RemoveEmptyEntries);     
30.         }   
31.     }  
32.   
33.     void OnDestroy()  
34.     {  
35.         //退出游戏后的处理  
36.         Debug.Log("OnDestroy");  
37.     }  
38.   
39.     public void Next()  
40.     {  
41.         if (nowIndex < nameArray.Length)  
42.         {  
43.             ShowHightLight(nameArray[nowIndex]);  
44.             nowIndex++;  
45.         }  
46.         else//加载下一个文件  
47.         {  
48.             maskTra.gameObject.SetActive(false);  
49.        
50.             int index = int.Parse(nowCsvFile.Substring(nowCsvFile.Length - 1));  
51.             index++;  
52.             nowCsvFile = nowCsvFile.Substring(0, nowCsvFile.Length - 1) + index.ToString();  
53.             string path = fileDir + nowCsvFile;  
54.   
55.             string content = null;  
56.             try  
57.             {  
58.                 content = Resources.Load<TextAsset>(path).ToString();  
59.             }  
60.             catch (Exception e)   
61.             {  
62.                 isFinish = true;  
63.                 Debug.Log("finish");  
64.                 return;  
65.             }  
66.             nowIndex = 0;  
67.             nameArray = content.Split(new string[] { "\r\n" }, System.StringSplitOptions.RemoveEmptyEntries);    
68.         }  
69.     }  
70.   
71.     void ShowHightLight(string name, bool checkIsClone = true)  
72.     {  
73.         if(checkIsClone && name.Contains("/"))  
74.         {  
75.             name = name.Insert(name.IndexOf('/'), "(Clone)");  
76.         }  
77.         StartCoroutine(FindUI(name));  
78.     }  
79.   
80.     void CancelHightLight(GameObject go)  
81.     {  
82.         Destroy(go.GetComponent<GraphicRaycaster>());  
83.         Destroy(go.GetComponent<Canvas>());  
84.         Next();  
85.         EventTriggerListener.GetListener(go).onPointerClick -= CancelHightLight;  
86.     }  
87.   
88.     IEnumerator FindUI(string name)  
89.     {  
90.         //寻找目标  
91.         GameObject go = UIManager.Instance.Find(name);  
92.         while(go == null)  
93.         {  
94.             yield return new WaitForSeconds(0.1f);  
95.             Debug.Log("wait");  
96.             go = UIManager.Instance.Find(name);  
97.         }  
98.          
99.         //高亮  
100.         maskTra = UIManager.Instance.Show("Mask").transform;  
101.         maskTra.SetAsLastSibling();  
102.         go.AddComponent<Canvas>().overrideSorting = true;  
103.         go.AddComponent<GraphicRaycaster>();  
104.   
105.         //设置监听  
106.         EventTriggerListener.GetListener(go).onPointerClick += CancelHightLight;  
107.     }  
108.   
109. }  

3.目标UI的查找

首先，我们需要记录一下目标UI有哪些，查找的话，就是找UI的Hierarchy路径。对此，本人做了一个小工具：

这是unitypackage：

http://pan.baidu.com/s/1beSlVC