Photon Unity Networking基礎(chǔ)教程 2 Lobby UI
這部分將會集中于給Lobby創(chuàng)建用戶界面沟优。這部分的內(nèi)容非常基礎(chǔ)，并且跟網(wǎng)絡(luò)關(guān)系不大殖属。
主要內(nèi)容
- Play按鈕
- 玩家名字
- 連接進度
Play按鈕
目前我們的Lobby是把我們自動連接到一個房間软啼，這是有益于早期測試桑谍，但我們想讓用戶選擇是否以及何時開始游戲。 因此祸挪，我們將簡單地提供一個Button锣披。
- 打開場景Launcher
- 使用Unity菜單'GameObject/UI/Button'創(chuàng)建一個按鈕，命名為Play Button，注意他在場景中創(chuàng)建了Canvas和EventSystem游戲?qū)ο蟊⒎拢×宋覀兊氖铝嗽鋈龋琻ice:)
- 編輯Play Button的Text值為“Play”
- 選擇Play Button然后定位到按鈕組建的On Click()部分
- 點擊小的加號“+”添加一條
- 把Launcher對象從Hierachy面板中拖過來
- 在下拉列表中選擇Launcher.connect()函數(shù)。我們現(xiàn)在把按鈕和Launcher腳本連起來了胧辽，當(dāng)用戶點擊按鈕的時候峻仇，將會調(diào)用Launcher腳本的connect()函數(shù)
- 打開Launcher腳本
- 把Start()函數(shù)中的connect()函數(shù)刪除
- 保存Launcher腳本和場景
現(xiàn)在點擊Play，你會發(fā)現(xiàn)需要點擊按鈕才能進行連接了邑商。
玩家名字
典型游戲的另一個重要的最低要求是讓用戶輸入他們的名字摄咆，以便其他玩家知道他們正在和誰玩。 我們將實現(xiàn)這個簡單的任務(wù)人断，通過使用PlayerPrefs記住名字吭从，以便當(dāng)用戶打開游戲，我們可以知道名字是什么恶迈。 要為您的游戲創(chuàng)建一個偉大的用戶體驗的話涩金，這是一個非常方便和相當(dāng)重要的功能。
讓我們先創(chuàng)建一個腳本來管理和記住玩家的名字暇仲，然后創(chuàng)建相關(guān)的UI步做。
創(chuàng)建玩家名字輸入框
創(chuàng)建一個新的C#腳本，命名為PlayerNameInputField
-
下面是腳本的全部內(nèi)容熔吗，編輯然后保存
using UnityEngine; using UnityEngine.UI; using System.Collections; namespace Com.MyCompany.MyGame { /// <summary> /// Player name input field. Let the user input his name, will appear above the player in the game. /// </summary> [RequireComponent(typeof(InputField))] public class PlayerNameInputField : MonoBehaviour { #region Private Variables // Store the PlayerPref Key to avoid typos static string playerNamePrefKey = "PlayerName"; #endregion #region MonoBehaviour CallBacks /// <summary> /// MonoBehaviour method called on GameObject by Unity during initialization phase. /// </summary> void Start () { string defaultName = ""; InputField _inputField = this.GetComponent<InputField>(); if (_inputField!=null) { if (PlayerPrefs.HasKey(playerNamePrefKey)) { defaultName = PlayerPrefs.GetString(playerNamePrefKey); _inputField.text = defaultName; } } PhotonNetwork.playerName = defaultName; } #endregion #region Public Methods /// <summary> /// Sets the name of the player, and save it in the PlayerPrefs for future sessions. /// </summary> /// <param name="value">The name of the Player</param> public void SetPlayerName(string value) { // #Important PhotonNetwork.playerName = value + " "; // force a trailing space string in case value is an empty string, else playerName would not be updated. PlayerPrefs.SetString(playerNamePrefKey,value); } #endregion } }
下面分析一下這個腳本：
- RequireComponent(typeof(InputField))
我們首先保證這個腳本必須InputField組件辆床，這可以方便快捷的保證使用該腳本沒有錯誤。
- PlayerPrefs.HasKey(), PlayerPrefs.GetString() and PlayerPrefs.SetString()
PlayerPrefs是一個簡單的配對條目的查找列表（像一個excel表有兩列）桅狠，一個是鍵讼载，一個是值。 Key是一個字符串中跌，是完全任意的咨堤，你決定如何命名，你需要在整個開發(fā)過程中記住它漩符。因此一喘，有必要總是將PlayerPrefs鍵存儲在一個地方颓芭，一個方便的方法是使用Static變量聲明蚪腋，因為它不會隨著時間的推移在游戲過程中改變，并且每次都是相同的蒲障。
所以闷沥，邏輯非常簡單萎战。如果PlayerPrefs有一個給定的鍵，我們可以得到它舆逃，并當(dāng)我們要用的時候直接賦值蚂维。在我們的案例中戳粒，我們在啟動時填充InputField時，在編輯過程中虫啥，我們把當(dāng)前InputField的值設(shè)置給PlayerPref鍵蔚约，然后我們確定它被存儲在用戶設(shè)備上以供稍后檢索（下一次用戶打開此游戲）。
- PhotonNetwork.playerName
這是此腳本的要點涂籽，設(shè)置玩家在網(wǎng)絡(luò)上的名稱苹祟。 腳本在兩個地方使用它，一次是在Start()中檢查名稱是否存儲在PlayerPrefs中又活，一次是在公共方法SetPlayerName()中苔咪。 現(xiàn)在锰悼，沒地方調(diào)用這個方法柳骄，我們需要綁定InputField OnValueChange()來調(diào)用SetPlayerName()，這樣每次用戶編輯InputField時箕般，我們都會記錄它耐薯。 我們可以做到這一點，只有當(dāng)用戶按下播放丝里，這取決于你曲初，但是這需要些更多的腳本，所以為了清楚起見讓我們保持簡單杯聚。 這也意味著臼婆，不管用戶將做什么，輸入將被記住幌绍，這通常是期望的行為颁褂。
為玩家的名字創(chuàng)建UI
- 確保你打開的是Launcher場景
- 使用Unity菜單'GameObject/UI/InputField'創(chuàng)建InputField，命名為Name InputField
- 把RectTransform中的PosY值設(shè)置為35傀广，它會在PlayButton的上面
- 定位到Name InputField的子對象PlaceHolder颁独，設(shè)置它的文本值為"Enter your Name..."
- 選擇Name InputField對象
- 把我們剛才創(chuàng)建的PlayerNamerInputField腳本給它加上
- 定位到InputField組件的On Value Change (String)部分
- 點擊加號“+”添加一條
- 把PlayerNamerInputField拖拽到框里
- 下拉列表中選擇PlayerNameInputField.SetPlayerName()
- 保存場景
好了，你可以點擊play運行伪冰，輸入你的名字誓酒，然后停止play，再次點擊play啟動贮聂，你剛才輸入的名字就會有了靠柑。
我們實現(xiàn)了功能，然而在用戶體驗方面吓懈，我們?nèi)鄙龠B接進度的反饋歼冰，還缺少當(dāng)連接期間和加入房間時出現(xiàn)問題時的反饋。
連接進度
我們在這里盡量保持簡單骄瓣，隱藏名稱字段和play按鈕停巷，并在連接期間將其替換為簡單的文本“正在連接...”耍攘，并在需要時將其切換回來。
為此畔勤，我們把播放按鈕和名稱字段做成一個組蕾各，以便我們只需要激活和停用該組。 后來更多的功能可以添加到組庆揪，它不會影響我們的邏輯式曲。
- 確保你打開的是Launcher場景
- 使用unity菜單'GameObject/UI/Panel'創(chuàng)建UI面板，命名為Control Panel
- 刪除Control Panel的Image和Canvas Renderer組件缸榛，我們不需要任何可視元素吝羞，我們只關(guān)心它的內(nèi)容
- 把Play Button 和 Name InputField拖拽到Control Panel對象上去
- 使用unity菜單'GameObject/UI/Text'創(chuàng)建UI文字，命名為Progress Label内颗，不用關(guān)心它影響了顯示钧排，我們將在運行時激活和停用它們
- 選擇Progress Label的Text組件
- 設(shè)置對齊方式為center align和middle align
- 設(shè)置文字為“Connecting...”
- 設(shè)置顏色為白色或者其他和背景有區(qū)別
- 保存場景
此時，為了測試均澳，您可以簡單地啟用/禁用Control Panel和Progress Label恨溜，以查看各種連接階段的情況。 現(xiàn)在讓我們編輯腳本以控制這兩個GameObjects激活找前。
編輯腳本Launcher
-
在Public Properties區(qū)塊添加下面兩個屬性
[Tooltip("The Ui Panel to let the user enter name, connect and play")] public GameObject controlPanel; [Tooltip("The UI Label to inform the user that the connection is in progress")] public GameObject progressLabel; -
把下面的代碼加入Start函數(shù)
progressLabel.SetActive(false); controlPanel.SetActive(true); -
在Connect方法開頭添加下面的代碼
progressLabel.SetActive(true); controlPanel.SetActive(false); -
在OnDisconnectedFromPhoton方法開頭添加下面的代碼
progressLabel.SetActive(false); controlPanel.SetActive(true); 保存Launcher腳本糟袁，等待unity編譯結(jié)束
確保打開場景Launcher
在Hierarchy中選中Launcher對象
把Hierarchy中的Control Panel和Progress Label拖拽到對應(yīng)的Launcher中的組件
保存場景
現(xiàn)在，如果你運行場景躺盛。 您將看到只有控制面板项戴，可見，一旦您單擊播放槽惫，將顯示Progres標(biāo)簽周叮。
到此為止，我們做好了Lobby部分躯枢。 為了進一步增加Lobby的功能则吟，我們需要切換到游戲本身，并創(chuàng)建各種場景锄蹂，以便我們可以在加入房間時最終加載正確的級別氓仲。 我們將在接下來的部分完成，然后得糜，我們將完成Lobby系統(tǒng)敬扛。
原文
http://doc.photonengine.com/en-US/pun/current/tutorials/pun-basics-tutorial/lobby-ui
