【STM32L496 Dis】4.体验下TouchGFX的便捷
<div class='showpostmsg'> 本帖最后由 数码小叶 于 2023-11-2 23:38 编辑<p><span style="font-size:16px;"> 虽然STM32L496 Discovery kit提供了好几种GUI的体验，但在emWin、Embedded Wizard、TouchGFX里，我更倾向于TouchGFX，主要还是在于TouchGFX的开发生态链，已经被ST整合的很方便。</span></p>
<p><span style="font-size:16px;"> 首先是界面化的设计辅助工具，TouchGFX有界面设计工具TouchGFX Designer，相比于纯代码开发，界面化的辅助工具更加高效。有些人偏向于纯代码开发，这一点，TouchGFX也很方便，在</span><span style="font-size:16px;"><a href="https://support.touchgfx.com/zh-CN/docs/introduction/welcome">TouchGFX文档 | TouchGFX Documentation</a>里，API介绍也很详细。有中文页面是个加分项<img height="32" src="https://bbs.eeworld.com.cn/static/editor/plugins/hkemoji/sticker/facebook/lol.gif" width="32" /><img height="32" src="https://bbs.eeworld.com.cn/static/editor/plugins/hkemoji/sticker/facebook/lol.gif" width="32" /></span></p>
<p><span style="font-size:16px;">安装好TouchGFX Designer后就可以开始了</span></p>
<div style="text-align: center;"></div>
<p> </p>
<p><span style="font-size:16px;">打开TouchGFX Designer软件，在里面选择先建一个项目</span></p>
<div style="text-align: center;"></div>
<p> </p>
<p><span style="font-size:16px;">对于ST带屏的不论是Dis系列还是Eval系列,基本都做了适配，可以直接选择，对于没有适配的，当然也可以选择同系列内核的，后续更改管脚配置。找到这次的板卡STM32L496 Discovery kit</span></p>
<div style="text-align: center;"></div>
<div style="text-align: center;"></div>
<p> </p>
<p><span style="font-size:16px;">然后找个素材，设置个背景图片，添加个按钮控制界面切换。这几步很简单，也很快，然后就可以导出工程了。对于TouchGFX Designer，其方便之处，不仅仅是设计界面，强大之处是打通了界面、MCU配置、集成开发换行IDE之间的连接，一键生成工程。在工程文件夹下，看到生成的文件夹</span></p>
<div style="text-align: center;"></div>
<p><span style="font-size:16px;">不仅仅是常见的KEIL或者IAR，TouchGFX Designer还连通了Cube全家桶：烧录、配置、调试。CubeMX工程也同步生成了，可以直接打开工程，修改管脚的配置。</span></p>
<div style="text-align: center;"></div>
<p> </p>
<p> </p>
<p><span style="font-size:16px;">TouchGFX Designer还有一个便捷之处就是设计完效果图后可以直接烧录到开发板，这样就能立马看到真实的显示屏和电脑屏幕的色彩区别以及位置效果</span></p>
<p> </p>
<div style="text-align: center;"></div>
<p> </p>
<p><span style="font-size:16px;">然后就能在板卡上看到实际的效果了</span></p>
<div style="text-align: center;"></div>
<p> </p>
<p> </p>
<div style="text-align: center;"></div>
<p> </p>
<p> </p>
<p><span style="font-size:16px;"> 对于界面旋转，在TouchGFX Designer也可以很容易实现，比如这个按键，和想要的效果并不是一样的，就可以设置下工程属性，里面有很多参数（虽然熟悉API后，可以直接在工程下修改，但这个参数页对于新手更加友好）</span></p>
<div style="text-align: center;"></div>
<div style="text-align: center;"> </div>
<div style="text-align: center;"> </div>
<div><span style="font-size:16px;">修改后的效果：</span></div>
<div style="text-align: center;"></div>
<p> </p>
<p> </p>
<p><span style="font-size:16px;">修改后再烧录进去，就是想要的效果了。</span></p>
<p>1d3b1ee044c7fe3feab99f0479971407<br />
</p>
</div><script> var loginstr = '<div class="locked">查看本帖全部内容，请<a href="javascript:;" style="color:#e60000" class="loginf">登录</a>或者<a href="https://bbs.eeworld.com.cn/member.php?mod=register_eeworld.php&action=wechat" style="color:#e60000" target="_blank">注册</a></div>';
if(parseInt(discuz_uid)==0){
(function($){
var postHeight = getTextHeight(400);
$(".showpostmsg").html($(".showpostmsg").html());
$(".showpostmsg").after(loginstr);
$(".showpostmsg").css({height:postHeight,overflow:"hidden"});
})(jQuery);
} </script><script type="text/javascript">(function(d,c){var a=d.createElement("script"),m=d.getElementsByTagName("script"),eewurl="//counter.eeworld.com.cn/pv/count/";a.src=eewurl+c;m.parentNode.insertBefore(a,m)})(document,523)</script> <p>这个GUI库看上去好是方便啊</p>
lemonboard 发表于 2023-11-3 09:48
这个GUI库看上去好是方便啊
<p>不考虑资源占用的情况下，确实是最便捷的<img height="52" src="https://bbs.eeworld.com.cn/static/editor/plugins/hkemoji/sticker/facebook/pleased.gif" width="48" /></p>
页:
[1]