1. 程式人生 > 其它 >使用 FairyGUI 0程式碼實現遊戲介面左右切換

使用 FairyGUI 0程式碼實現遊戲介面左右切換

製作原因:專案中需要實現主介面中五個介面左右切換,包含點選切換和滑動切換,並且點選和滑動都需要關聯表現,原先專案使用ugui實現該效果,程式碼量大,容易出問題,不好管控,使用FGUI後不需一行程式碼即可相同效果

流程:

  首先建立一個元件,這裡我使用720*1280,元件中只需要兩個list即可,下面上截圖

  

  內容列表部分

  

  按鈕列表部分

  

  列表中的按鈕

  按鈕需要是單選按鈕

  

  按鈕動效部分,兩個是相反的,這裡只看一個就行,其實就是實現按鈕的選中狀態,選中放大,否則正常大小

  

  按鈕的控制器增加動效的播放控制,實現選中和非選中效果

  

  滑動條部分

  

  

  

  以上就是全部內容,按照這種方式實現即可

  在主程式碼中新增內容列表的滑動監聽即可知道目前處於哪一頁,增加對應邏輯即可

  也可設定預設頁,程式碼部分看API

  如需實現按鈕選中狀態不同圖片,在動效中實現即可,或者直接程式碼修改

  效果