范海辛 发表于 2017-10-5 12:26:51

转:CSV数据表在UMG的应用

转自猫大博客:https://ericsong.org/2017/10/2402.html
首先我们来创建一个Excel,保存时将它存储为CSV格式,表格内容如下:https://ericsong.org/wp-content/uploads/2017/10/2017100512131649.png
然后我们在UE4中创建一个结构体,与上表中的数据一一对应,如下所示:https://ericsong.org/wp-content/uploads/2017/10/2017100512140825.png
此时我们导入CSV,在选择Type下拉框选择刚才创建的结构体,然后点击OK,此时我们就可以看到已经导入了CSV表格。https://ericsong.org/wp-content/uploads/2017/10/2017100512145085.png然后我们要在UMG上生成出我们表格的数据,首先我们需要准备2个UMG,一个用来存放内容,一个用来作为存放内容的容器,假设2个UMG一个为Content,一个为Element,其中,Element内容如下图所示:https://ericsong.org/wp-content/uploads/2017/10/2017100512165464.png
Content内容如下图所示(图中绿框),绿色为一个Scroll,用来填入上面的元素数据,而元素数据来自于刚才的数据表格,这里大家可以随便用自己的容器框,不一定要Scroll:https://ericsong.org/wp-content/uploads/2017/10/2017100512173748.png
然后要注意的创建这个UMG,才会生成数据,也就是说在其他蓝图里创建DataTable不是不可以,但是为了更好的开发,只有在创建当前界面元素的类型,才会刷入该界面的数据。直接上代码好了,首先创建数据表到结构体数组中:https://ericsong.org/wp-content/uploads/2017/10/2017100512201152.png
然后将元素ADD到该Scroll中,下图中前半部分是将DateTable的几条数据每一条创建一个Widget然后生成到Scroll中:https://ericsong.org/wp-content/uploads/2017/10/2017100512214858.png
后半部分是从结构体中取数据,分别将结构体中的数据,设置到元素UMG上,也就是将数据表中的数据,根据每一个元素生成的Widget,分别对应数据表中的每一行数据,如下图:https://ericsong.org/wp-content/uploads/2017/10/2017100512235995.png
完成后我们来看下启动该UI的最终效果:https://ericsong.org/wp-content/uploads/2017/10/2017100512244771.png

zhu24708 发表于 2017-12-6 11:20:33

老铁6666

234981730 发表于 2018-1-5 11:31:22

大哥 你这个写的有些问题啊创建UI 应该选择UI_Element 而不是UI_Content

史珍香 发表于 2018-5-4 08:32:09

谢谢分享!

daba123123 发表于 2019-7-19 02:07:21

谢谢分享

aestheticismft 发表于 2019-8-4 21:57:52

不错的教程 谢谢分享啦~
页: [1]
查看完整版本: 转:CSV数据表在UMG的应用