你的浏览器版本过低,可能导致网站不能正常访问!
为了你能正常使用网站功能,请使用这些浏览器。

STM32H750DK智能零售界面设计——9模态窗口(Modal Window)显示QR码

[复制链接]
EPTmachine 发布时间:2025-11-2 19:53

模态窗口(Modal Window)显示QR码

支付订单时,使用二维码(QR码)来实现扫码支付的功能。由于只需要显示二维码,没有必要在创建一个显示二维码的界面。使用TouchGFX中的模态窗口控件即可实现在弹窗中显示二维码的功能。

Modal Window设置和使用

在控件菜单中选择Modal Window控件添加到PayScreen界面中,并设置其背景图片指定其窗口大小,同时设置Alpha值,可以达到透光的显示效果。

ModalWindow_Set.png

在Modal Window中添加用于显示QR码的控件和关闭该界面的按键,用于显示QR码和关闭模态窗口。

ModelWindow_Contents.png

由于该界面默认是不显示的,添加上述控件后,在界面控件管理栏中,将Modal Window控件设置为不可见。

ModalWindow_Hide.png

在PayScreen界面的Interaction中添加Check按键点击显示支付模态窗口的交互动作。

ModalWindwo_CheckShowAction.png

同时为模态窗口的Cancel按键添加点击触发隐藏支付模态窗口的交互动作。

ModalWindwo_CheckHideAction.png

总结

使用TouchGFX的模态窗口以及TouchGFX的其他窗口控件,可以方便地实现弹出窗口的效果,用于显示支付二维码等信息。

收藏 评论0 发布时间:2025-11-2 19:53

举报

0个回答
关于
我们是谁
投资者关系
意法半导体可持续发展举措
创新与技术
意法半导体官网
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
官方最新发布
STM32N6 AI生态系统
STM32MCU,MPU高性能GUI
ST ACEPACK电源模块
意法半导体生物传感器
STM32Cube扩展软件包
关注我们
st-img 微信公众号
st-img 手机版