模态窗口(Modal Window)显示QR码支付订单时,使用二维码(QR码)来实现扫码支付的功能。由于只需要显示二维码,没有必要在创建一个显示二维码的界面。使用TouchGFX中的模态窗口控件即可实现在弹窗中显示二维码的功能。 Modal Window设置和使用在控件菜单中选择Modal Window控件添加到PayScreen界面中,并设置其背景图片指定其窗口大小,同时设置Alpha值,可以达到透光的显示效果。
在Modal Window中添加用于显示QR码的控件和关闭该界面的按键,用于显示QR码和关闭模态窗口。
由于该界面默认是不显示的,添加上述控件后,在界面控件管理栏中,将Modal Window控件设置为不可见。
在PayScreen界面的Interaction中添加Check按键点击显示支付模态窗口的交互动作。
同时为模态窗口的Cancel按键添加点击触发隐藏支付模态窗口的交互动作。
总结使用TouchGFX的模态窗口以及TouchGFX的其他窗口控件,可以方便地实现弹出窗口的效果,用于显示支付二维码等信息。 |
STM32H750DK智能零售界面设计——8购物清单项设计
STM32H750DK智能零售界面设计——7商品浏览和清单结算页面跳转
STM32H750DK智能零售界面设计——6使用RadioButton实现不同类别商品查看
STM32H750DK智能零售界面设计——5使用ScollList实现滑动商品浏览界面
STM32H750DK智能零售界面设计——4自定义容器接口设计
STM32H750DK智能零售界面设计——4容器接口设计
STM32H750DK智能零售界面设计——3TouchGFX图片和文字资源管理
STM32H750DK智能零售界面设计——2商品显示GUI和交互函数
STM32H750DK智能零售界面设计——1TouchGFX和方案设计
TouchGFX心得——画面控制的三种方式
微信公众号
手机版