在上一讲中,我们简单讲解了touchgfx按钮控件的使用以及消息响应的编程方法。本文将介绍如何使用touchgfx开发多个屏幕界面的应用,并引出touchgfx编程使用的一个重要的基本概念:MVP框架模式。关于MVP的说明可参考这个链接。可以把MVP简单理解为一种“规范的”保存用户数据和访问数据的方法。
下面用一个模拟时钟的具体例子来说明。我们创建2个屏幕--screen,一个是时间设置界面,一个是数字时钟界面:
图一 设置界面
图二(1) 主界面,圆弧实际是伸缩的动画
图二(2)
具体实现如下:
一、启动 TouchGFX 4.10.0 Designer,创建一个新的Application(项目名称可自定):
图三
然后将屏幕上要放置的图形控件文件copy到对应的image子目录中(图形文件资源包下载地址):
图四
还需要做一个准备工作:新增一个25px的字体、供按钮显示提示文字之用,并设置40px字体的 Wildcard Ranges 为 0-9 (为了在Text Area控件中显示数字):
图五
第一个Screen为时钟参数的配置界面