所需控件

  • 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的大小, 编译,保存,运行即可。在这里插入图片描述
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐