查看: 280|回复: 0

[评测分享] 【STM32H735-DK 测评】⑨TouchGFX按键及页面切换

[复制链接]
  • TA的每日心情
    开心
    7 天前
  • 签到天数: 4 天

    连续签到: 1 天

    [LV.2]偶尔看看I

    发表于 2024-4-18 23:54:55 | 显示全部楼层 |阅读模式
    分享到:
    本帖最后由 eefocus_3880118 于 2024-4-18 23:54 编辑

    现在我们已经有2个screen了,那么就可以尝试用一下按钮来进行页面切换

    首先在slider的页面中添加一个带文本的按钮
    1.png

    把按钮放到角落上

    2.png

    修改按钮上的文本,具体修改方法和之前的文本相似,字库我还是用幼圆

    3.png

    接下来给这个按钮添加一个触发事件,让按钮被按下后切换页面,并且设置切换页面时的动画

    4.png

    screen2的按钮设置完了,还有screen1的按钮也设置一下

    5.png

    调整一下按钮的背景图和icon图片,需要注意的是,调整完背景图和icon后icon location也要跟着调整,否则会因为参数还是旧的,导致icon位置不在背景图的显示范围内,从而不显示

    6.png

    这边的触发事件也和之前一样,只是目标screen为2

    7.png
    然后生成代码,再去ide中编译下载

    8.png

    效果如下

    IMG_5865 00_00_00-00_00_30.gif







    回复

    使用道具 举报

    您需要登录后才可以回帖 注册/登录

    本版积分规则

    关闭

    站长推荐上一条 /2 下一条

    手机版|小黑屋|与非网

    GMT+8, 2024-5-2 04:53 , Processed in 0.121883 second(s), 16 queries , MemCache On.

    ICP经营许可证 苏B2-20140176  苏ICP备14012660号-2   苏州灵动帧格网络科技有限公司 版权所有.

    苏公网安备 32059002001037号

    Powered by Discuz! X3.4

    Copyright © 2001-2024, Tencent Cloud.