制作原因:項目中需要實現主界面中五個界面左右切換,包含點擊切換和滑動切換,並且點擊和滑動都需要關聯表現,原先項目使用ugui實現該效果,代碼量大,容易出問題,不好管控,使用FGUI后不需一行代碼即可相同效果
流程:
首先創建一個組件,這里我使用720*1280,組件中只需要兩個list即可,下面上截圖
內容列表部分
按鈕列表部分
列表中的按鈕
按鈕需要是單選按鈕
按鈕動效部分,兩個是相反的,這里只看一個就行,其實就是實現按鈕的選中狀態,選中放大,否則正常大小
按鈕的控制器增加動效的播放控制,實現選中和非選中效果
滑動條部分
以上就是全部內容,按照這種方式實現即可
在主代碼中添加內容列表的滑動監聽即可知道目前處於哪一頁,增加對應邏輯即可
也可設置默認頁,代碼部分看API
如需實現按鈕選中狀態不同圖片,在動效中實現即可,或者直接代碼修改
效果