UGUI提高<一> Scroll View参数详解

原创


最近用UGUI的时候老感觉有的参数不记得什么作用了,找这个找那个的,记性真不行,还是要写在博客上,不记得可以来看看。现在越来越觉得写博客真的非常有必要。

先创建一个UGUI整合好的Scroll View。


Scroll View    滑动视图  相关参数详解:


Scroll View上的【ScrollRect】 组件:

Content      ——  滑动的内容 (  所有需要滑动展示的内容  )

Horizontal  ——  是否支持左右滑动

Vertical       ——  是否支持上下滑动

MovementType       ——  滑动类型 (  Unrestricted 不受滑动内容边界限制  Elastic 带边界回弹的(Elasticity 弹力)  clamped 边界夹紧   )

Inertia        ——  是否支持滑动惯性(  Deceleration Rate  减速率  ,我感觉就是惯性的大小)

scroll sensitivity     ——  滚动的灵敏度

Viewport    ——   视口  ( 一般是Content 的父物体,带Mask遮罩后的展示区域

Horizontar Scrollbar  —— 左右的滚动条(  连接的滚动条必须放在Scroll View下  )

Visibility     ——  滚动条可见性   (  Permanent 不变的(   只有选择这个关联的Scrollbar才能隐藏  )   auto hide自动隐藏(如果内容不需要滚动就可以看到隐藏滚动条)  Auto Hide and Expand Viewport 自动隐藏并扩展视图 (  Spacing 滑动区域和滚动条的间距)    )


Viewport上的【Mask】组件:

首先,Mask这个组件尽量少用,DrawCall大,不好优化,一般也就做滑动视图的时候用。

其次,添加Mask的时候还要添加一个Image用它的透明度,  实际显示的图要放在MASK的子物体。

Show Mask Graphic 显示遮罩本身的图片,不勾选就只使用透明度来做遮罩。


Scrollbar Horizontal上的【Scrollbar】组件:

Handle Rect   ——  滚动条手柄

Direction         ——   滚动条方向

Value               ——   当前的值

Size                 ——   手柄尺寸

Number Of Steps ——    步数 (如果写5,每次滑动是固定的1/5,5次滑动完)     



  • 3
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我是重阳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值