野火电子论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 239120|回复: 330

【分享】emWin全新开发的酷炫界面

  [复制链接]
发表于 2018-12-12 23:17:51 | 显示全部楼层 |阅读模式
本帖最后由 如花 于 2018-12-12 23:20 编辑

从上个月开始研究emWin,发现这个图形库可玩性还真是挺高的。如果认真搞的话,确实可以做出许多高大上的交互界面,绝不输现在主流的安卓系统。
正好自己接触C语言和stm32快满一年了,前期跟着火哥学了不少知识,但除了在开发板上跑过一些程序以外,还真没有能派上用场的地方。一直想着做个什么样的项目呢?终于在本月初决定做这个项目。
我的初步计划是搞一个类似火哥的综合例程,做出一个基于UCOS+emWin,高颜值、功能丰富的掌上娱乐系统,这个系统绝对是独一无二的。
这个娱乐系统至少会包含这些功能:音乐播放、视频播放、图片浏览、电子书、游戏、文件管理器、时钟、秒表、万年历、设置等,和市面上的MP4功能完全一样。不同的是,我的系统还支持换肤,而且是全新开发的扁平化界面,更有现代气息。
后期可能还会加上诸如蓝牙、WiFi、重力感应等,就更有意思了!
特别说一下游戏功能,一个MP4里面如果有几款百玩不厌的游戏,肯定会成为整个娱乐系统的一大亮点。
我将在初期准备3-4款经典耐玩的小游戏,比如贪食蛇、俄罗斯方块、打砖块、公路赛车等。这些游戏开发难度都不大,实现起来比较简单,前两款在几个月前已经实现了。
后面如果还有时间,会加入更多更好玩、画质更精良的小游戏,甚至移植InfoNES,就能有无穷无尽的游戏了!
当所有功能全都开发调试完后,我会开始弄硬件部分,把整个PCB做出来。PCB板除了有耳机孔以外,还打算留一个烧录口,可以随时进行软件的修改。这样,我的掌上娱乐系统就可以脱离开发板独立运行了。
这还没完,一款完善的产品怎么能没有外壳呢?虽然我不会用Solidworks等设计模具的软件,但是我可以用市面上MP4的公模,就是使用现有5寸屏MP4的外壳,PCB板和上面的元件根据MP4外壳的尺寸设计,到时候就可以顺利装到外壳里了。
就这样,一款成熟的产品就诞生了。
从上周起,我已经开始着手做这个系统的软件部分了。刚开始入手,我准备从“设置”开始做。为什么呢?因为“设置”界面难度最低,最容易实现。以下是我这几天做的“声音设置”界面,支持多种炫彩皮肤。
最重要的是,所有图形都不是BMP图片,都是用2D函数绘制出来的!瞬间感觉自己很有做UI设计师的天赋这样做的好处是能够大大减少代码的空间。
16.PNG 17.PNG
18.PNG 19.PNG

另外,还精心准备了一款黑白风的配色和夜间模式的配色:
20.PNG 21.PNG

还有高大上的“EQ调节”功能,想要什么音效就有什么音效,不输专业的HiFi播放器。EQ调节的皮肤同样养眼:
22.PNG 23.PNG
24.PNG 25.PNG

26.PNG 27.PNG

28.PNG 29.PNG

30.PNG 31.PNG

以上这两个页面的emWIn模拟器代码,回复可以下载哦!

Start.zip (9.85 KB, 下载次数: 1088)

使用方法:
1. 解压后,把start.c和start.h两个文件移入emWin模拟器的Application文件夹。
2. 用Visual C++ 6.0或其它VC版本打开一个emWin模拟器的工程。
2. 在Visual C++中将这两个文件添加进emWin模拟器的工程当中。
3. 将emWin模拟器原来的GUIDEMO_Start.c设定为不编译(Exclude file from build)
4. 运行工程。
如果以上步骤出现问题,就直接把start.c的代码拷贝进GUIDEMO_Start.c运行,记住添加Start.h就行了。

当然,也可以把这段代码拷贝到Keil环境下,在STM32F429开发板上运行,我亲测是完全没问题的。前提是stm32F429开发板已经写好了UCOS的代码和显示/触摸驱动程序。





评分

参与人数 2火花 +20 收起 理由
点火 + 10 超越了野火大师姐!
红花梦、 + 10

查看全部评分

回复

使用道具 举报

 楼主| 发表于 2018-12-12 23:18:32 | 显示全部楼层
虽然有个比emWin更强大的touch GFX可用,但emWin是基础,只要emWin的架构掌握的好,Touch GFX也是轻而易举、水到渠成的事情。鉴于此,我准备先集中精力主攻emWin,当emWin得心应手的时候,再看看有没有Touch GFX的教程。或者干脆自己摸索,相信也不是什么难事。
这个项目没有时间限制,因为我不能保证每周能花多少时间在这个项目上。
实际上,一个星期最多只有2~3个晚上才是属于自己的时间,白天还有别的事情。加起来一个星期大概也就8-9个小时吧。
所以这个项目软件部分有可能3个月完成,有可能半年完成,甚至需要更长时间。最后拿到已经有漂亮外壳的完美成品可能已经是大半年后了。但无论如何,最后一定能够完成。
后续有什么新的进展,一定会第一时间在这里更新的
回复 支持 反对

使用道具 举报

发表于 2018-12-12 23:34:37 | 显示全部楼层
漂亮                  
回复 支持 反对

使用道具 举报

发表于 2018-12-13 09:03:35 | 显示全部楼层
加油
回复

使用道具 举报

发表于 2018-12-13 09:10:50 | 显示全部楼层
哇靠这么帅
回复 支持 反对

使用道具 举报

发表于 2018-12-13 10:37:12 | 显示全部楼层
不错不错啊
回复 支持 反对

使用道具 举报

发表于 2018-12-13 10:39:17 | 显示全部楼层
很好看,学习学习
回复 支持 反对

使用道具 举报

发表于 2018-12-13 11:00:56 | 显示全部楼层
如花,加下我QQ:313303034
回复 支持 反对

使用道具 举报

发表于 2018-12-13 11:03:47 | 显示全部楼层
666zishuzishu
回复 支持 反对

使用道具 举报

发表于 2018-12-14 14:50:03 | 显示全部楼层
666666666666666666
回复 支持 反对

使用道具 举报

发表于 2018-12-14 15:23:18 | 显示全部楼层
炫酷  回手就是赞,再回手就是下载
回复 支持 反对

使用道具 举报

发表于 2018-12-14 15:42:13 | 显示全部楼层
谢谢分享 谢谢分享
回复 支持 反对

使用道具 举报

发表于 2018-12-15 11:28:22 | 显示全部楼层
楼主实在是太牛逼了
回复 支持 反对

使用道具 举报

发表于 2018-12-16 01:42:00 | 显示全部楼层
最近开始学习emWin,研究下
回复 支持 反对

使用道具 举报

发表于 2018-12-16 21:11:29 | 显示全部楼层
这个很吃内存吧!!!!!
回复 支持 反对

使用道具 举报

发表于 2018-12-17 09:08:27 | 显示全部楼层
66666666666666
回复 支持 反对

使用道具 举报

发表于 2018-12-17 10:35:49 | 显示全部楼层
挺漂亮的,赞一个
回复 支持 反对

使用道具 举报

发表于 2018-12-17 11:42:46 | 显示全部楼层
界面做的好帅哦
回复 支持 反对

使用道具 举报

发表于 2018-12-17 12:28:34 | 显示全部楼层
谢谢分享,楼主厉害
回复 支持 反对

使用道具 举报

发表于 2018-12-17 14:08:52 | 显示全部楼层
不错,很漂亮
回复 支持 反对

使用道具 举报

发表于 2018-12-17 20:37:54 | 显示全部楼层
不错啊,学习学习
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-12-17 20:56:15 | 显示全部楼层
hehuibo 发表于 2018-12-16 21:11
这个很吃内存吧!!!!!

不算吧,按目前单算GUI计算,占700多K的RAM,而且图形全是用2D函数绘制的,占不了多少ROM
回复 支持 反对

使用道具 举报

发表于 2018-12-17 21:58:22 | 显示全部楼层
帅呆了,期待后续大作!
回复 支持 反对

使用道具 举报

发表于 2018-12-18 08:22:22 | 显示全部楼层
66666666666666666666
回复 支持 反对

使用道具 举报

发表于 2018-12-18 09:28:52 | 显示全部楼层
hao !hao !hao !hao !
回复 支持 反对

使用道具 举报

发表于 2018-12-18 11:36:11 | 显示全部楼层
不错!!!!!
回复

使用道具 举报

发表于 2018-12-18 16:51:40 | 显示全部楼层
学习:)
回复

使用道具 举报

发表于 2018-12-19 11:36:13 | 显示全部楼层
要下载下来学习一下啊。
回复 支持 反对

使用道具 举报

发表于 2018-12-19 13:47:24 | 显示全部楼层
太厲害了   感謝分享
回复 支持 反对

使用道具 举报

发表于 2018-12-19 21:04:04 | 显示全部楼层
不错,666666666
回复 支持 反对

使用道具 举报

发表于 2018-12-20 00:32:55 | 显示全部楼层
6666666666666666666666666666666666666
回复 支持 反对

使用道具 举报

发表于 2018-12-20 10:35:23 | 显示全部楼层
666666666666666666666
回复 支持 反对

使用道具 举报

发表于 2018-12-20 14:05:33 | 显示全部楼层
回复

使用道具 举报

发表于 2018-12-22 13:28:14 | 显示全部楼层
好资料,谢谢分享
回复 支持 反对

使用道具 举报

发表于 2018-12-26 22:42:58 | 显示全部楼层
谢谢楼主的共享!
回复 支持 反对

使用道具 举报

发表于 2018-12-27 08:29:02 | 显示全部楼层
这对内存要求高不高啊@如花
回复 支持 反对

使用道具 举报

发表于 2018-12-27 08:31:40 | 显示全部楼层
                                      
回复 支持 反对

使用道具 举报

发表于 2018-12-27 13:27:46 | 显示全部楼层
牛逼
回复

使用道具 举报

发表于 2018-12-27 14:58:27 | 显示全部楼层
学习下 !!!
回复

使用道具 举报

发表于 2018-12-28 10:38:15 | 显示全部楼层
666666666666666666666666666666
回复 支持 反对

使用道具 举报

发表于 2018-12-30 08:20:33 来自手机 | 显示全部楼层
牛逼。。。。。
回复

使用道具 举报

发表于 2018-12-30 09:17:15 | 显示全部楼层
学习学习,楼主太厉害了
回复 支持 反对

使用道具 举报

发表于 2018-12-30 10:51:21 | 显示全部楼层
漂亮,,,
回复

使用道具 举报

发表于 2019-1-2 13:14:41 | 显示全部楼层
很好的东东,支持楼主
回复 支持 反对

使用道具 举报

发表于 2019-1-2 15:32:36 | 显示全部楼层
666666666666666
回复 支持 反对

使用道具 举报

发表于 2019-1-2 16:31:19 | 显示全部楼层
太棒了,顶你
回复 支持 反对

使用道具 举报

发表于 2019-1-4 11:07:37 | 显示全部楼层
膜拜大神!!!!!
回复

使用道具 举报

发表于 2019-1-12 19:57:23 | 显示全部楼层
好厉害,emwin干脆不会搞。。。。。
回复 支持 反对

使用道具 举报

发表于 2019-1-17 10:57:51 | 显示全部楼层
感谢分享   
回复 支持 反对

使用道具 举报

发表于 2019-1-17 17:25:52 | 显示全部楼层
手动sad按时打
回复 支持 反对

使用道具 举报

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

本版积分规则

联系站长|手机版|野火电子官网|野火淘宝店铺|野火电子论坛 ( 粤ICP备14069197号 ) 大学生ARM嵌入式2群

GMT+8, 2024-4-19 22:19 , Processed in 0.050289 second(s), 28 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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