UE4-UMG制作简单的滑动列表
UE4 制作简单的滑动列表
所需控件
- Scroll Box 类似NGUI里的Scroll View
- WrapBox 类似NGUI里的UIGrid (可换成Vertical Box和 Horizontal Box)
- Button 按钮组件
步骤一:制作Item蓝图
- 新建wight蓝图,命名为BagItem。
- 进入蓝图制作界面,在Canvas Panel下添加一个Button组件,在Button组件下添加一个Text组件,修改Text组件的静态文字为“Item”。
- 编译,保存。
步骤二:制作滑动列表蓝图
- 新建wight蓝图,命名为ScrollView。
- 进入蓝图制作界面,在Canvas Panel下添加一个Scroll Box组件,在它的右侧属性栏Scroll部分里 Orientation默认是Vertical,也就是垂直排列,与之对应的是Horizontal水平排列。并将Scroll Bar Visibility 设置为 Hidden(隐藏滑动条)。
- 在Scroll Box下添加一个Wrap Box组件,在它的右侧属性栏Slot部分里,设置 Horizontal Alignment为第二个(中央,光标移动上去会显示 center),Vertical Alignment四选一。
- 在Wrap Box组件下添加足够多的BagItem(步骤一制作好的)。
- 调整下 Scroll Box的大小, 编译,保存,运行即可。