TouchGFX开发STM32界面应用之入门篇1 - 联合VS开发步骤（按钮、进度条测试）

 

一  Touchgfx Designer设计

1.打开Touchgfx Designer；本文在原有Demo例程上修改

2. 添加一个按钮

3，设置按钮文字和名称

4. 添加按钮动作，选择切换画面

5.添加参数设置画面  （第四步的跳转界面选择跳转到SetPara）

6. 背景图添加，改名字便于分辨

7. 添加控件

如下：

8. 添加按钮动作

注意 Action 下拉框中选中的  Call new virtual function，它代表的意思是响应按钮按下消息的代码是在一个称为 BtnTestClicked() 的虚函数。

 

 

二. VS 代码修改

1. 生成代码之后，用VS打开目录，打开解决方案

点击右下角找到位置

                                     

 

2  添加按钮响应函数的函数

 

3.编写代码，获取按钮状态后改变百分比幅值

void SetParaView::BtnTestClicked()
{
	if (SetParaView::BtnTest.getState() == true)
		SetParaView::textProgressTest.setValue(100);
	else
		SetParaView::textProgressTest.setValue(0);
}

三 运行模拟仿真

1. 点击仿真

2. 查看实验结果

  

四 下载运行

效果