stm32 TouchGFX基础教程（一）TouchGFX Designer界面

TouchGFX Designer是GUI的集成开发环境，所有与界面布局有关的工具都整合到了一起，一共分为4个功能区：画布、图片资源管理、文本资源管理、系统设置。
1、画布
画布是布置UI控件的工作界面，左侧提供了控件栏、屏幕栏、自定义容器栏；右侧是属性栏，显示点选控件的属性。
控件栏：包含所有Touchgfx框架提供的控件，可以直接拖动到画布上使用，选中控件可以直接在右侧属性栏修改属性

屏幕栏：画布上用到的所有控件都会出现在这里，排列位置越靠下的控件所在的图层越靠后，如果控件之间有重叠，靠后的控件会被靠前的控件遮挡住，可以使用调节按钮调整控件图层位置。

自定义容器栏：当用户需要自定义控件的时候，就需要切换到这一栏
2、图片资源管理
图片资源管理里会显示所有放在工程文件夹\Src\assets\images中的图片，当完成了生成代码，图片会被编译成cpp文件供用户使用。

3、文本资源管理
所有被UI用到的文本，也就是C语言里的字符串，都会放在这里面统一管理，这里面还可以先定义文本的字体和大小。可以是先在屏幕上使用文本，然后系统会自动添加到这里面来，也可以先在这里面录入文本，然后在UI控件里使用，但是两种方法都必须先在Typographies中定义要用到的字体及大小。



4、系统设置
这里面我们主要关心的东西只有General和Display两个选项栏。
在General里可以设置界面语言（如果使用了多语言）和起始屏幕，加入设计了多个屏幕，就可以在这里选择起始屏幕。

在Display中可以设置屏幕方向、尺寸和色深：
5、再就是属性栏旁边的Add Interaction按钮，点一下就可以为控件添加事件回调函数：

6、最后就是右上角的Generate Code按钮了，点击直接就能生成UI的代码，UI逻辑编程和仿真建议在Visual Studio里做，Touchgfx Designer里编译、运行都非常慢。
Touchgfx Designer的菜单栏里的功能很少，几乎用不到。好了，界面部分就介绍到这里。
-------------------------------下面是我的小广告----------------------------------------------

淘宝小店：芯视界touchgfx