Unity UGUI教程之实现滑页效果

2019-12-30 12:03:13王冬梅
使用UGUI提供的ScrollRect和ScrollBar组件实现基本滑动以及自己控制每次移动一页来达到滑页的效果。具体实现思路请参考下本教程  

简介

项目需要...直接展示效果吧:

Unity,UGUI,滑页

原理

使用UGUI提供的ScrollRect和ScrollBar组件实现基本滑动以及自己控制每次移动一页来达到滑页的效果。

实现过程

1.创建两个panel,上面的panel用于显示,下面的panel用于存放按钮

Unity,UGUI,滑页

2.在TopPanel上添加ScrollRect脚本,用于滑动

Unity,UGUI,滑页

3.在TopPanel下创建一个新的Panel,并在子Panel下拜访要显示的对象

Unity,UGUI,滑页

4.将该子Panel设置为ScrollRect的活动对象

Unity,UGUI,滑页

5.为ScrollRect添加ScrollBar滚动条,直接在空白处单机右键添加ScrollBar即可

Unity,UGUI,滑页