商品浏览和清单结算页面跳转

商品选择完成后，需要跳转到结算页面进行购物清单查看和结算，当需要添加购物清单的选项时，需要返回商品浏览界面查看商品。

添加清单结算Screen

TouchGFX中通过添加Screen来定义不同的显示界面，实现指定功能。在TouchGFX的Screen菜单栏中添加一个新的Screen，用于清单结算显示。

结算跳转

在商品浏览界面上界面上添加一个按钮，按钮显示购物车图标用于表明按键切换到结算页面。

在ShopScreen中为此按钮添加一个Interaction，动作设定为Change Screen，对应的屏幕选择要跳转的PayScreen屏幕。相关的设置如下。

编译并仿真后，可以看到显示界面的切换。

返回商品浏览界面

同样地，在清单结算页面，需要返回商品浏览页面查看商品，添加一个带标签的按键，字符信息为“Store”来表示按键的功能。按键属性的设置如下。

在PayScreen的Interaction中添加Interaction，当点击Store按键时，触发Change Screen动作，改变显示页面到ShopScreen。

编译并仿真后，可以看到显示界面的切换。

总结

TouchGFX中预设的Interaction选项可以在用户不添加代码的情况下实现GUI效果，很适合快速开发验证。