标签：界面 实现 代码 滑动 FairyGUI 选中 切换 按钮 即可

制作原因：项目中需要实现主界面中五个界面左右切换，包含点击切换和滑动切换，并且点击和滑动都需要关联表现，原先项目使用ugui实现该效果，代码量大，容易出问题，不好管控，使用FGUI后不需一行代码即可相同效果

流程：

　　首先创建一个组件，这里我使用720*1280，组件中只需要两个list即可，下面上截图

　　

 

 

 

　　内容列表部分

　　

 

 

 

 

　　按钮列表部分

　　

 

　　列表中的按钮

　　按钮需要是单选按钮

 

 　　

　　按钮动效部分，两个是相反的，这里只看一个就行，其实就是实现按钮的选中状态，选中放大，否则正常大小

 

 

 　　

 

　　按钮的控制器增加动效的播放控制，实现选中和非选中效果

　　

 

 

　　滑动条部分

　　

 

 

　　

 

　　

　　以上就是全部内容，按照这种方式实现即可

　　在主代码中添加内容列表的滑动监听即可知道目前处于哪一页，增加对应逻辑即可

　　也可设置默认页，代码部分看API

　　 如需实现按钮选中状态不同图片，在动效中实现即可，或者直接代码修改

 　　效果

　　

 

 

 

 

 

　　

 

标签：界面,实现,代码,滑动,FairyGUI,选中,切换,按钮,即可
来源： https://www.cnblogs.com/fohuo/p/15598868.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。