初识UGUI之Scroll Rect，实现滚动效果
2016-08-13 00:00
357 查看
1、创建一个Image添加Scroll Rect和Mask组件，这些都是UGUI自带组件。
2、创建一个Text，放在Image层级下，（注意：谁的层级越靠下，谁最先显示，这是UGUI的特性）
3、Scroll Rect下有一个Content属性，是控制某个组件滚动的，这里我们把Text拖到Content上
4、Horizontal Scrollbar 和Vertical Scrollbar这两个是控制滑动条的，可以把滑动条赋值给它，实现滑动条滑动效果。
5、Mask组件特性，他可以把Image（即：mask区域）大小作为mask，把区域以外的部分隐藏起来。Show mask Graphic这个选项是用于是否显示mask
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vue.js2.0 实现better-scroll的滚动效果实例详解
- Android 实现横向标题栏滚动效果(HorizontalScrollView + GridView + Viewpager + 自定义适配器)
- 利用JS实现scroll自定义滚动效果详解
- 收藏两个位图切割实现动画效果的例子（一个是用位图切割的方式，另一个是用scrollRect）
- [置顶] [Unity UGUI]ScrollRect效果大全
- Unity3D ScrollRect+ContentSizeFitter+GridLayoutGroup实现无限滚动(一)
- UGUI 使用ScrollRect实现地图拖放及多点缩放
- 使用ScrollView实现滚动效果 出现 ScrollView can host only one direct child （ScrollView只能包裹一个直接子元素）
- 用 jQuery 实现页面滚动（Scroll）效果的完美方法
- 使用UGUI ScrollView 排列不规则内容元素实现滑动效果
- Scroll text - JS实现文字自动循环滚动效果
- jquery实现返回顶部按钮和scroll滚动功能[带动画效果] 转载
- jquery实现返回顶部按钮和scroll滚动功能[带动画效果] 转载
- jQuery插件scroll实现无缝滚动效果
- 使用 HorizontalScrollView 实现水平滚动，并点击有相应的反应效果
- [Unity UGUI]ScrollRect效果大全
- One Page Scroll – 实现苹果风格的单页滚动效果
- Pycharm + PyQt5 + QtDesigner实现通过Qtdesigner添加QScrollArea，在代码中添加控件实现滚动效果
- 用 jQuery 实现页面滚动（Scroll）效果
- UGUI学习（二）：Scroll Rect 滚动区域