UE5 UMG 蓝图 列出视图 循环列表

后台提供的数据列表,在蓝图中以列表形式进行循环展示

上效果图:
在这里插入图片描述

步骤走起:
1、在需要显示的主UI界面新建一个画布或者容器,拖一个列出视图到容器中。
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

2、新建一个控件蓝图UI用于承载循环的内容简称div,这个div里面只需要放一排的内容即可,设置每个文字内容的变量。
在这里插入图片描述

2.1、打开这个div的蓝图,选择【类设置】,在细节中找到栏目“接口”-“实现接口”,输入:【

userobjectlistectry

】 这个单词并选中,在左手边图表中的对象列表项中找到“列表项目对象集上” 【双击它】然后编译一下
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
然后在事件图表中写入:
在这里插入图片描述

绑定对应的变量,

3、创建一个蓝图类,选择object类型,在这个蓝图类中添加div中所需的所有变量并且将变量旁边的小眼睛开启,在右边细节中勾选公开
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

4、在主容器中,选中画布面板下的列出视图,右边细节中找到“列表记录” 选择条目控件类,选择刚刚创建的控件蓝图div,
在这里插入图片描述
5、再设置条目间距:
在这里插入图片描述
【到这里设置部分就完成了,但是需要显示列表数据还不行,需要接下来在主UI中写入循环逻辑】
【主UI】
1、首先要添加必须先清除旧的列出项目
在这里插入图片描述
在这里插入图片描述z【注意】构建yichangshebei, 这里需要搜索构建对象,选择这个栏目
在这里插入图片描述
这里把内容传递给那个div列表。到此就可以运行成功了

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值