UE4-UMG制作简单的滑动列表

UE4 制作简单的滑动列表

• 所需控件
• 步骤一：制作Item蓝图
• 步骤二：制作滑动列表蓝图

所需控件

• Scroll Box 类似NGUI里的Scroll View
• WrapBox 类似NGUI里的UIGrid (可换成Vertical Box和 Horizontal Box)
• Button 按钮组件

步骤一：制作Item蓝图

1. 新建wight蓝图，命名为BagItem。
2. 进入蓝图制作界面，在Canvas Panel下添加一个Button组件，在Button组件下添加一个Text组件，修改Text组件的静态文字为“Item”。
3. 编译，保存。

步骤二：制作滑动列表蓝图

1. 新建wight蓝图，命名为ScrollView。
2. 进入蓝图制作界面，在Canvas Panel下添加一个Scroll Box组件，在它的右侧属性栏Scroll部分里 Orientation默认是Vertical，也就是垂直排列，与之对应的是Horizontal水平排列。并将Scroll Bar Visibility 设置为 Hidden（隐藏滑动条）。
3. 在Scroll Box下添加一个Wrap Box组件，在它的右侧属性栏Slot部分里，设置 Horizontal Alignment为第二个（中央，光标移动上去会显示 center），Vertical Alignment四选一。
4. 在Wrap Box组件下添加足够多的BagItem（步骤一制作好的）。
5. 调整下 Scroll Box的大小， 编译，保存，运行即可。