您当前的位置:首页 > 电脑百科 > 软件技术 > PS/设计

嵌入式使用emWin进行GUI图形设计教程

时间:2020-09-10 10:31:50  来源:  作者:

EmWin使用教程

基于交叉开发的使用教程(使用PC端模拟GUI界面再移植的方法)

相关软件准备

  1. 开发使用到的软件和工具:
  2. PC仿真文件。文件名称:SeggerEval_WIN32_MSVC_MinGW_GUI_V526
嵌入式使用emWin进行GUI图形设计教程

 

  1. PC端开发软件。(Visual Studio 2013,用于编译emwin源码以及GUI开发)
  2. Emwin使用手册"emWin5中文手册.pdf",用于查看相关API的使用方法或说明。
  3. emwin开发小工具。
嵌入式使用emWin进行GUI图形设计教程

 

  1. 开发板例程。(使用开发板例程可以直接学习emwin部分内容)

emwin设计流程

  1. 建立设计目标。想要做什么事情,想要设计一个什么样的界面或达到什么效果。学习阶段可先从模仿开始,模仿别人设计学习自己需要的知识。
  2. 先了解整体的设计流程。清楚每一步所需要做的具体内容。
  3. 使用emwinPC仿真文件在PC端进行模拟,在此项目基础上创建自己的GUI设计文件。目的,可以更快的看到设计的效果减少程序下载时所需要的时间,而且仿真文件里有大量使用案例可以参考设计。
  4. 把相关设计文件负责到STM32的例程项目中,添加相关文件到工程中。添加相应的头文件和相关的数据处理方法。
  5. 例程编译无误后下载到开发板进行最终的测试。

设计案例

  1. 设计目的或者动力(在某文章中看到的一个设计界面感觉挺不错的,所以这次就以这个界面为这次设计的最终效果)
嵌入式使用emWin进行GUI图形设计教程

 

  1. 分解设计。上图目测可以把它分成左,中,右,下四个部分。设计上划分之前需要先创建窗体用于放置控件或者绘图,可以创建一个主窗体。
嵌入式使用emWin进行GUI图形设计教程

 

上图是已经划分好的LCD显示效果。在这里创建了两个窗体,一个用于状态栏,一个用作主窗体放置大部分控件和绘图。

这样做的好处是确定每一个区域的起始坐标,放哪个区域的控件就可以使用哪个坐标做开始。

  1. 做完这步后就都是摆放控件的时间了。
嵌入式使用emWin进行GUI图形设计教程

 


嵌入式使用emWin进行GUI图形设计教程

 


嵌入式使用emWin进行GUI图形设计教程

 

  1. 最终摆放完成:
嵌入式使用emWin进行GUI图形设计教程

 

  1. 把创建的文件复制到stm3的项目。

 

嵌入式使用emWin进行GUI图形设计教程

VS软件内创建的文件


嵌入式使用emWin进行GUI图形设计教程

复制到Keil软件的文件

  1. 把相应的函数添加到对应的任务中就大功告成了。
嵌入式使用emWin进行GUI图形设计教程

最后在开发板上运行的效果

我的LCD显示屏坏掉了,显示的颜色有问题。整体学习上还是不影响的。



Tags:EmWin   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
EmWin使用教程基于交叉开发的使用教程(使用PC端模拟GUI界面再移植的方法)相关软件准备 开发使用到的软件和工具: PC仿真文件。文件名称:SeggerEval_WIN32_MSVC_MinGW_GUI_V526...【详细内容】
2020-09-10  Tags: EmWin  点击:(275)  评论:(0)  加入收藏
▌简易百科推荐
【简介】大家好,我是不二何(68ID:何旭阳),很荣幸受邀此次的68Design专访! 目前我是一位自由设计师,平时除了承接一些商业项目之外,也会更新视频号、小红书等短视频平台。其中小红书...【详细内容】
2021-12-27  68Design    Tags:PS   点击:(1)  评论:(0)  加入收藏
Retouch Pro是一款优秀的图像修饰插件,帮助ps用户更快地进行图像照片的修饰。 由于其强大的人工智能系统,您可以轻松就获得专业的效果,并且比以往的手动更快,效果更好,操作更简单...【详细内容】
2021-12-27  设计师臭豆腐    Tags:Ps   点击:(4)  评论:(0)  加入收藏
早在 2015 年,就有报道称,到 2022 年底,仅英国的创意产业就需要 120 万名新工人。当然,世界与 2015 年的情况大不相同——但如果任何事物都需要比预期更多的创造力,而...【详细内容】
2021-12-22  Adobe国际认证    Tags:Adobe   点击:(10)  评论:(0)  加入收藏
最终效果 1、新建文件打开PS软件,按Ctrl + N 新建文件,尺寸为1920×1308像素,分辨率为72像素/英寸,如下图,然后确定。 2、导入房间素材打开素材包中的房间素材,用移动工具...【详细内容】
2021-12-22  PS教程240PS    Tags:PS   点击:(5)  评论:(0)  加入收藏
经常和大家分享PPT技巧,不知道大家有没有进步?今天直接来个重磅分享。你知道,一些大厂的路演、发布会PPT的设计师,平时浏览什么设计网站吗? 作为PPT设计师,平时也会看一些创意设计...【详细内容】
2021-12-15  旁门左道PPT    Tags:设计师   点击:(19)  评论:(0)  加入收藏
今天来说使用CAD梦想画图软件绘制一个CAD小白基础题。操作工具操作系统:Windows10CAD软件:CAD梦想画图步骤1.先画一个半径为100的圆,如下图所示:画圆 2.接着使用多边形命令(POL)画...【详细内容】
2021-12-15  CAD梦想画图    Tags:CAD   点击:(16)  评论:(0)  加入收藏
详情页是消费者进店后决定是否购买产品的页面,是电商产品重要的落地点。在消费者找到自己心仪的产品后,详情页满足了消费者了解产品的所有信息的诉求,就像一个经验丰富的售货员,对产品的每细节娓娓道来。定义好产品属性后...【详细内容】
2021-12-15  设计智造    Tags:详情页   点击:(8)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计) ▲音乐学校创意 ▲轮胎创意 ▲啤酒创意 ▲糕点创意 ▲旅游公司创意 ▲抵制家庭暴力公益宣传 ▲食品创意 ...【详细内容】
2021-12-15  设计智造    Tags:广告设计   点击:(10)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计)启动画面是在APP启动时全屏展示的简单占位图,其作用是用户打开APP,程序在运行时可能因为网络、程序本身等原因需要加载几秒钟的等待...【详细内容】
2021-12-15  设计智造    Tags:界面设计   点击:(20)  评论:(0)  加入收藏
Don Tuch 是一家位于墨西哥城的快餐店。其源自于Yucatán半岛的美食传统,是以一种令人难忘的独特方式融合了正宗风味的食品概念。Don Tuch以一种有趣和轻松的方式向Yuc...【详细内容】
2021-12-15  致美设计    Tags:包装设计   点击:(11)  评论:(0)  加入收藏
相关文章
    无相关信息
最新更新
栏目热门
栏目头条