查看: 12520|回复: 6

[分享] LPC54608+TouchGFX学习

[复制链接]
  • TA的每日心情
    开心
    2018-6-6 08:45
  • 签到天数: 328 天

    连续签到: 1 天

    [LV.8]以坛为家I

    10

    主题

    1047

    帖子

    1

    金牌会员

    Rank: 6Rank: 6

    积分
    2006
    最后登录
    2019-5-1
    发表于 2017-7-26 21:53:15 | 显示全部楼层 |阅读模式
    主机环境:Win10 64bit
    开发环境:MDK 5.23
    板卡SDK:SDK_2.2_LPCXpresso54608
    TouchGFX版本:4.8.0
    LPC54608板卡中搭载了一块480X272的电容触摸屏,刚好可以用于学习一下GUI,官网中提到了LPC54608适配了TouchGFX图形库,当前TouchGFX版本时4.80,大家可以免费区TouchGFX官网上下载评估版库,
    捕获.PNG
    评估版在使用中会有水印出现,不过不影响学习,TouchGFX官网上还有适配LPC54608的BSP,只需要下载TouchGFX4.8.0以及LPC54608BSP即可。BSP中包含一个使用文档->TouchGFX NXP LPC54608 Board Support Package - Installation V1.5.pdf,根据该手册就可以搭配好TouchGFX的开发环境,TouchGFX目录如下:
    捕获.PNG
    其中app中包含了各种示例程序,designer时TouchGFX提供的图形设计工具,使用该工具可以方便用户设计图形界面,画面很简洁,该软件会自动生成目标板代码(支持MDK,IAR,MCUXpresso工具链),以及一个PC端的模拟器,运行模拟器的效果跟板子上的效果一样,在调试时使用模拟器可以方便用户调试。
    如果不适用designer工具,用户还可以拷贝app中template模板来开发自己的程序,在此我们运行一个example示例程序,如button_example,打开TouchGFX的环境脚本,如下:
    捕获.PNG
    移至touchgfx根目录的button_example目录下执行make指令,会在build/bin目录下生成simulator.exe程序,运行该程序,效果如下:
    捕获.PNG
    之后我们就可以开发自己的图形示例了,一开始我是用了designer来生成代码,发现生成的代码跟example中的代码结构不同,且添加代码时文件也跟example代码不同,因此后来都是以template为基础来开发的,希望designer可以改善,touchgfx采用MVP模式,即Model-View-presenter,有关该模型可以去百度上看下,在template基础上用于只需要修改gui目录下的文件即可,其他文件可不动,还有一个需要修改的文件时assets目录,该目录下存放用户用到的图片,字库,以及文本资源,touchgfx提供了工具可以把这些资源转成相应的代码文件供用户使用,的确很方便。
    touchgfx示例代码中有个arabic_text_example示例,多语言示例,这里在该例程基础上添加英文和中文,下面是我的修改:
    1. 拷贝arabic_text_example/assets目录下的资源到我们的示例相应目录下,其中arabtype.ttf字体就无需拷贝了,把一个中文字体拷进去就可以了,这里我是从网上下载的一个新蒂小丸子字体,需要注意字体名字只能为英文,如下:
    捕获.PNG
    图片资源无须修改,打开texts/texts.xlsx文件,有关该文件的说明,可以查看http://touchgfx.zendesk.com/hc/en-us/articles/207015345-Using-texts-and-fonts,修改如下:
    捕获.PNG 捕获.PNG
    至此,资源文件修改完毕,执行make -f simulator/gcc/Makefile assets指令来生成代码文件,并把这些代码添加到mdk工程的generated目录下,如下:
    捕获.PNG
    接下来就是修改gui目录下的文件了,此例中只需要修改MainView.hpp以及MainView.cpp文件即可,可直接拷贝arabic_text_example中的代码,修改完成之后执行 make -f simulator/gcc/Makefile,来生成模拟器程序,运行结果如下:
    捕获.PNG 捕获.PNG
    之后编译MDK中的代码,并下载到lpc54608目标板上,可以看到效果跟模拟器相同
    捕获.PNG 捕获.PNG
    不得不说touchgfx用起来的确很方便,大家赶紧学起来吧。



    该会员没有填写今日想说内容.
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2018-6-6 08:45
  • 签到天数: 328 天

    连续签到: 1 天

    [LV.8]以坛为家I

    10

    主题

    1047

    帖子

    1

    金牌会员

    Rank: 6Rank: 6

    积分
    2006
    最后登录
    2019-5-1
     楼主| 发表于 2017-7-26 21:55:08 | 显示全部楼层
    顶一下。。。。。
    该会员没有填写今日想说内容.
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2019-10-17 08:07
  • 签到天数: 273 天

    连续签到: 1 天

    [LV.8]以坛为家I

    74

    主题

    2338

    帖子

    0

    金牌会员

    Rank: 6Rank: 6

    积分
    7517
    最后登录
    2021-8-30
    发表于 2017-7-27 08:45:19 | 显示全部楼层
    多谢分享
    回复

    使用道具 举报

    该用户从未签到

    10

    主题

    273

    帖子

    0

    金牌会员

    Rank: 6Rank: 6

    积分
    1485
    最后登录
    2020-2-18
    发表于 2017-7-27 08:46:38 | 显示全部楼层
    多谢分享
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    昨天 22:45
  • 签到天数: 2500 天

    连续签到: 1 天

    [LV.Master]伴坛终老

    17

    主题

    5396

    帖子

    0

    金牌会员

    Rank: 6Rank: 6

    积分
    11281
    最后登录
    2025-8-27
    发表于 2017-7-27 09:03:03 | 显示全部楼层
    多谢分享
    该会员没有填写今日想说内容.
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2021-6-10 15:47
  • 签到天数: 1251 天

    连续签到: 1 天

    [LV.10]以坛为家III

    6

    主题

    2396

    帖子

    3

    金牌会员

    Rank: 6Rank: 6

    积分
    7534
    最后登录
    2025-5-23
    发表于 2017-7-27 09:30:39 | 显示全部楼层
    看看了,,,,,
    回复

    使用道具 举报

    该用户从未签到

    717

    主题

    6376

    帖子

    0

    超级版主

    Rank: 8Rank: 8

    积分
    25314
    最后登录
    2025-8-27
    发表于 2017-7-27 10:10:28 | 显示全部楼层
    大家关于TouchGFX的问题可以来论坛咨询,我们不能解决的也可以帮你转到忆道(TouchGFX中国代理)那边去
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

    关闭

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

    Archiver|手机版|小黑屋|恩智浦技术社区

    GMT+8, 2025-8-28 00:53 , Processed in 0.097827 second(s), 26 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2024, Tencent Cloud.

    快速回复 返回顶部 返回列表