[UE4]关于用户界面中ScrollBox的滑动条出现的小说明

     在用户界面中,使用列表模式可以使用户获得更好的体验,在子项较多时候我们可以采用滑动条的方式,使得显示更加美观。在使用的过程中遇到了一个小问题:摆放好子项,滑动条出不来了,写出来分享一下,希望后来同样踩到坑的人有所帮助。

     首先,讲解一下问题出现的原因

      ps:先补充一下知识点:位移和变形,这个具体参考一下一粒沙的博客,他的讲解更加详细,下面是链接

      https://www.cnblogs.com/timy/p/10200582.html

     因为是刚开始做界面,我直接使用了Scale和Pivot来摆放子项的位置和大小调整

后来发现即便是将最后一个子项放在ScrollBox最里面(只能看到一部分子项),滑动条也不会出现,类似于下面这种(红色部分应该是滑动条出现的位置,但是没有出现),然后无论怎么调整都不行,无奈*查询了一下,原来是我用错参数了。需要用Padding(留白),而不是Render Transform(位移和变形)

[UE4]关于用户界面中ScrollBox的滑动条出现的小说明

下面稍微讲解一下ScrollBox中的Padding 

[UE4]关于用户界面中ScrollBox的滑动条出现的小说明

ps:具体参数的意义还与你的,滑动方式有关

[UE4]关于用户界面中ScrollBox的滑动条出现的小说明 

left:距离左边界或者相近子项的留白距离,数值越大距离越大 (当你是横向排列时,该参数表示距离你左边面的子项的Right留白距离的留白距离)

Top:距离上边界或者相近子项的留白距离,数值越大距离越大(当你是竖直排列时,该参数表示距离你上面的子项的Bottom留白距离的留白距离)

Right:距离右边界或者相近子项的留白距离,数值越大距离越大(当右边界的留白距离超过ScrollBox的右边界时候,滑动条自动出现)

[UE4]关于用户界面中ScrollBox的滑动条出现的小说明

Bottom:距离下边界或者相近子项的留白距离,数值越大距离越大(当下边界的留白距离超过ScrollBox的下边界时候,滑动条自动出现)

[UE4]关于用户界面中ScrollBox的滑动条出现的小说明