unity学习60： 滑动条 和 滚动条 滚动区域

目录

1 滚动条 scrollbar

1.1 创建滚动条

1.2 scrollbar的子物体

1.3 scrollbar的属性

2 滚动视图  scroll View

2.1 创建1个scroll View

2.1.1 实际类比，网页就是一个 scroll view吧

2.2  子物体构成

2.3 核心component : Scroll Rect

3 可视区域 view point 和 全部内容区content

3.1 可视区域 view point

3.2 全部内容区content

---

1 滚动条 scrollbar

1.1 创建滚动条

• 其实scrollbar 和 slider挺像的，但是构成相对简单
• fill作为handle 本身就可以了

1.2 scrollbar的子物体

• sliding Area相当于back ?
• handle 相当于 fill + handle?

1.3 scrollbar的属性

• directions        //同之前 slider的
• value
• size
• number of steps

2 滚动视图  scroll View

2.1 创建1个scroll View

2.1.1 实际类比，网页就是一个 scroll view吧

• 网页内容很多，
• 而且允许缩放网页窗口
• 要看到全部内容就需要这样的scroll view了

2.2  子物体构成

• view point                         //玩家看到的 方框区域
• content                             //实际内容，玩家看不到
• scrollbar honrizontal
• scrollbar vetical

2.3 核心component : Scroll Rect

3 可视区域 view point 和 全部内容区content

• 拖动滚动条时
• view point 保持不变
• 实际发生移动得是 content这个内容框

 

3.1 可视区域 view point

• view point 是玩家可见得部分
• view ponit 就是一个image, 一个带mask的image
• 有一个特殊属性 mask 

3.2 全部内容区content

• 全部内容区content