使用 FairyGUI 0代碼實現遊戲界面左右切換

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

流程:

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

  

 

 

 

  內容列表部分

  

 

 

 

 

  按鈕列表部分

  

 

  列表中的按鈕

  按鈕需要是單選按鈕

 

   

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

 

 

   

 

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

  

 

 

  滑動條部分

  

 

 

  

 

  

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

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

  也可設置默認頁,代碼部分看API

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

   效果

  

 

 

 

 

 

  

 

Tags: