使用 FairyGUI 0程式碼實現遊戲介面左右切換
阿新 • • 發佈:2021-11-24
製作原因:專案中需要實現主介面中五個介面左右切換,包含點選切換和滑動切換,並且點選和滑動都需要關聯表現,原先專案使用ugui實現該效果,程式碼量大,容易出問題,不好管控,使用FGUI後不需一行程式碼即可相同效果
流程:
首先建立一個元件,這裡我使用720*1280,元件中只需要兩個list即可,下面上截圖
內容列表部分
按鈕列表部分
列表中的按鈕
按鈕需要是單選按鈕
按鈕動效部分,兩個是相反的,這裡只看一個就行,其實就是實現按鈕的選中狀態,選中放大,否則正常大小
按鈕的控制器增加動效的播放控制,實現選中和非選中效果
滑動條部分
以上就是全部內容,按照這種方式實現即可
在主程式碼中新增內容列表的滑動監聽即可知道目前處於哪一頁,增加對應邏輯即可
也可設定預設頁,程式碼部分看API
如需實現按鈕選中狀態不同圖片,在動效中實現即可,或者直接程式碼修改
效果