介紹：
unity界面開發，會用到很多導航的按鈕，他們是公共的，單擊其中一個按鈕，顯示對應的界面。
unity中，ugui自帶toggle組件，ngui也有toggle復選框，都方便了開發者的開發。但是只有合適自己才是王道。
今天，就用普通的按鈕組建，來編寫自己的導航。
導航的組成：
- 總控制
- 按鈕組
- 面板組
步驟：
編寫腳本：<navigationbutton> 控制按鈕的高亮，動畫等。
編寫腳本：<navigationpanel> 控制面板的顯示和關閉。
編寫腳本：<navigationgroup> 控制整個導航按鈕的邏輯。
編寫腳本： <mainmanager> 控制導航欄的邏輯。
navigationbutton:
控制每一個button的高亮，動畫，掛載到每一個navigationbutton上。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
public class navigationbutton: monobehaviour { awake(){ } //按鈕被選中時 public void select() { //transform.doscale(new vector3(1.75f, 1.75f, 0), 0.3f).setid(transform.name); } //按鈕未被選中時 public void unselect() { //dotween.kill(transform.name); //transform.doscale(new vector3(1.0f, 1.0f, 0), 0.3f).setid(transform.name); }} |
navigationpanel:
控制面板的顯示和隱藏，掛載到每一個navigationpane上。
|
1
2
3
4
5
6
7
8
9
10
|
public class navigationpanel : monobehaviour { //顯示 public void show() { transform.gameobject.setactive(true); } //隱藏 public void hide() { transform.gameobject.setactive(false); }} |
navigationgroup:
具體邏輯，掛載到navigationgroup上，拖入button和panel。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
|
public class navigationgroup: monobehaviour { public navigationbutton[] navbtns; //按鈕組 public navigationpanel[] navpans; //面板組 public int index; //索引 public int length; //長度 private void awake() { index = -1; length = navbtns.length; for (int i = 0; i < length; i++) { navbtns[i].unselect(); navpans[i].hide(); } } //通過索引來顯示被選中后狀態和對應panel private void onselectbyindex() { for (int i = 0; i < length; i++) { if (i == index) { navbtns[i].select(); navpans[i].show(); } else { navbtns[i].unselect(); navpans[i].hide(); } } } //點擊按鈕事件 public void onclicknavbtn(int value) { if (index != value) { index = value; onselectbyindex(); } } //初始被選中的按鈕 public void beginshow(int values = -1) { index = values; onselectbyindex(); } //********************************************** //附加：滑動屏幕切換頁面 //********************************************** private vector2 beginpos=new vector2(0,0); private vector2 endpos=new vector2(0,0); private float maxdistance=100; private void update() { //獲取鼠標滑動起始坐標和終點坐標 if (input.getmousebuttondown(0)) { beginpos =new vector2(input.mouseposition.x, input.mouseposition.y); } if (input.getmousebuttonup(0)) { endpos = new vector2(input.mouseposition.x, input.mouseposition.y); slipdirection(); } } //判斷滑的方向 public void slipdirection() { if (mathf.abs(beginpos.y - endpos.y) < (mathf.abs(beginpos.x - endpos.x))) { if (mathf.abs(beginpos.x - endpos.x) > maxdistance) { if (beginpos.x > endpos.x) { next(); } else { prev(); } } } } //向前滑動屏幕 public void prev() { if (index > 0) { index--; onselectbyindex(); } } //向后滑動屏幕 public void next() { if(index<length-1) { index++; onselectbyindex(); } } } |
mainmanager:
總控制。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
public class mainmanager: monobehaviour { public navigationgroup navgroup; start() { begin(); } //調用初始方法 public void begin() { navgroup.beginshow(0); } //************************************** //長時間沒交互，返回待機界面 //************************************** public void returnstandby() { navgroup.beginshow(0); } private void update() { if (input.getmousebuttondown(0)) { invoke("returnstandby", 60.0f); } }} |
以上，基本導航完成。
可以添加導航界面出現和關閉時的動畫，在navigation里添加兩個函數： navshow() ，navhide()
show的時候記得調用beginshow(); 在外面調用 show 和 hide 即可。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持服務器之家。
原文鏈接：https://blog.csdn.net/wang_lvril/article/details/81663359
