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

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中文论坛活动

即日起开启活动话题入口,之后的活动统一都放在此处,欢迎大家的加入!


最新内容

相似分享

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