stm32基于TouchGFX的GUI开发（四）：(List Layout)列表布局的使用

stm32基于TouchGFX的GUI开发（四）：(List Layout)列表布局的使用

最终效果图：

---

---

前言

本章我们将介绍List Layout控件的使用。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、界面布局以及资源添加

1、添加图片和文字资源

将需要的图片资源拷贝到工程目录下  .xxx\..\assets\images的目录下面。
image文件夹是专门存放工程图片的。也可以在touchgfx界面中添加，
方法另行百度。加完后如下所示：

	下图是添加文字资源

2、创建自定义控件

如下图创建自定义控件

3、创建主界面

如下图创建主界面

二、功能实现

1、引入文本和bitmap头文件

#include <BitmapDatabase.hpp>
#include <texts/TextKeysAndLanguages.hpp>

2、自定义控件添加文本和bitmap方法实现

先在自定义控件类中加上文本和图片图片添加方法，注意头文件的引用。

然后在.c文件中实现上面声明的方法

void CustomContainer1::setImageandText(const Bitmap & bitmap, TEXTS iconText)
{
	image1.setBitmap(Bitmap(bitmap));
	textArea1.setTypedText(TypedText(iconText));
	textArea1.resizeToCurrentText();

}

void CustomContainer1::setImageandText(const Bitmap & bitmap, TEXTS

3、主界面的构造函数中添加界面初始化代码

	先在类中添加CustomContainer自定义控件数组

然后，再在主界面的构造函数中对每一个自定义控件添加图片和文字

---

总结

以上就是今天要讲的内容，本文简单介绍了List layout的使用。希望大家多多支持，关注一下！！！你们的支持是我更新的动力。如果有任何问题可以直接私信我哦！！！！！！ 需要源码和工程文件的也可以私聊或者QQ：1458356834！！1