网站整体色彩的建设,wordpress主题中的文件在哪,网页设计入门图片,浙江坤宇建设有限公司 网站按钮控件应用示例
按钮是最常见的部件之一#xff0c;有了按钮就可以点击#xff0c;从而响应事件#xff0c;达到人机交互的目的。TouchGFX Designer内置了七种按钮部件#xff1a; 下压按钮#xff1a;能够在被释放时发送回调#xff0c;按下和释放状态都关联了图像标…按钮控件应用示例
按钮是最常见的部件之一有了按钮就可以点击从而响应事件达到人机交互的目的。TouchGFX Designer内置了七种按钮部件 下压按钮能够在被释放时发送回调按下和释放状态都关联了图像标签按钮能够在被释放时发送回调按下和释放状态都关联了图像和文本图标按钮能够在被释放时发送回调按下和释放状态都关联了图像和图标开关按钮能够在被点击时发送回调在被点击时会掉换两张位图以模仿两种状态之间的切换单选按钮能够在被点击时发送回调其包含四幅图像对应于按下或释放状态下的选中或未选中按钮重复按钮能够在被点击时发送回调按钮立即激活其按下操作然后在给定延迟后激活然后在某个时间间隔后重复激活灵活按钮能够在被点击时发送回调可包含最多4个视觉元素BoxWithBorder、Icon、Text和Image 本文以下压按钮Button为例介绍TouchGFX按钮控件的使用其余按钮使用方法类似将实现如下视频中的效果 本文示例基于于STM32F429IGT6 RGB (800 * 480)硬件平台提前移植好了TouchGFX并添加了触摸驱动。详细可参考 使用STM32CubeMX移植TouchGFX 和 添加触摸屏驱动 这两篇文章的介绍
一、TouchGFX Designer界面布局
打开Keil工程中TouchGFX文件夹里的TouchGFX Designer软件
添加图片资源 主界面中添加背景图、计数器背景图、添加两个按钮并配置按压显示图片 添加文本区域控件用来显示数字可以为动态文本输入创建两个通配符表示为 tag 其中‘tag’可以是任意字符串这里创建了一个通配符 d 通配符设置里可以配置初始值 若要显示负数需要在Text选项下设置字体参数添加通配符号“-”和通配符范围否则负号和数字不能显示 添加交互动作对两个按钮添加交互动作按钮被点击时调用虚函数 点击Generate Code生成TouchGFX代码
二、MKD-ARM Keil中添加用户代码
TouchGFX生成代码后两个按钮点击时调用的虚函数会自动生成并位于类MainScreenViewBase的公共部分。但是生成的方法具有空实现需要我们自已重写。
在MainScreenView.hpp头文件中增加虚方法声明并定义一个变量用于计数
class MainScreenView : public MainScreenViewBase
{
public:MainScreenView();virtual ~MainScreenView() {}virtual void setupScreen();virtual void tearDownScreen();virtual void increaseValue(); //添加虚方法声明virtual void decreaseValue(); //添加虚方法声明
protected:int8_t count; //定义变量用于计数
};在MainScreenView.cpp中实现虚方法
void MainScreenView::increaseValue()
{count;Unicode::snprintf(countTxtBuffer,COUNTTXT_SIZE,%d,count);countTxt.invalidate();}void MainScreenView::decreaseValue()
{count--;Unicode::snprintf(countTxtBuffer,COUNTTXT_SIZE,%d,count);countTxt.invalidate();
}三、下载测试
编译无误后下载到开发板中点击按钮可以进行计数值的增加或减少
