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. 编译,保存。UE4-UMG制作简单的滑动列表_第1张图片

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

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

你可能感兴趣的:(UE4)