【UGUI】Scroll View滚动视图

Scroll View

组成

 

回顾Scrollbar滚动条

 

Scroll Rect组件

Content:可以滚动的内容,该对象必须是带有Scroll Rect的子控件

Horizontal:数据是否可以水平拖动

Vertical:数据是否可以垂直拖动

Movement Type:内容超出容器时的行为

  • Unrestricted:无限制。不受限制的运动。 内容可以永远移动。
  • Elastic:弹性运动。 允许内容暂时移出容器,但弹性拉回。
  1. Elasticity:弹性
  • Clamped:内容无法移动到其容器之外。

Inertia:是否启用运动惯性

  • Deceleration Rate:当Inertia勾选时有效,减速率,运动减慢的速度

Scroll Sensitivity:滚动灵敏度

Viewport:视口,即是内容的容器

Horizontal Scrollbar:水平滚动条

  • Visibility
  1. Permanent:始终显示滚动条
  2. AutoHide:自动隐藏
  3. AutoHideAndExpandViewport

         Spacing:间距

Vertical Scrollbar:垂直滚动条

  • Visibility:(同上)

 

事件绑定

ScrollRect scrollRect = GameObject.Find("Scroll View").GetComponent<ScrollRect>();
scrollRect.onValueChanged.AddListener((vector2) =>
{
    print(scrollRect.name + "的水平滚动条的进度:" + vector2.x + ",垂直滚动条的进度:" + vector2.y);
});

拖动拖动垂直滚动条时

 

 

Mask组件

Viewport上的一个组件,当内容超出Viewport时,内容自动隐藏

Show Mask Graphic:显示与Mask渲染区域关联的图形。

在Viewport下的Content中添加Text组件,添加文本进行测试

有无Mask组件的区别

 

 


UGUI

Canvas

Text

Image

RawImage

Button

Toggle

Slider

Scrollbar

Scroll View

Dropdown

InputField

 

 

 

相关推荐
©️2020 CSDN 皮肤主题: 精致技术 设计师:CSDN官方博客 返回首页