ugui scrollview使用

1 如图所示,在canvas中添加一个scrollview控件
ugui scrollview使用_第1张图片
2 观察此scrollview控件,它由以下几个控件组成
ugui scrollview使用_第2张图片
3 保留里面的vertical scrollbar,删除horizatonal方向的scrollbar
注:
1 Viewport为可视范围。
2 Content为内容实际范围,超出可视范围的cotnet将被隐藏
ugui scrollview使用_第3张图片
4 在Content中新建Panel,再在Panel中放入我们想要放入的控件
ugui scrollview使用_第4张图片
5 复制刚刚的Panel,并调整其位置,就可以了
ugui scrollview使用_第5张图片
6 点击运行以后的效果
ugui scrollview使用_第6张图片

7 横向的scrollbar也是同样的道理,请各位童鞋自行实验
https://www.processon.com/i/568c6ea4e4b0e51d149a085f
这个网站解决了大家开始设计阶段的问题,轻量级的各种设计模型,强烈推荐

你可能感兴趣的:(ugui,scrollview)