【分享】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设计师的天赋

这样做的好处是能够大大减少代码的空间。

另外，还精心准备了一款黑白风的配色和夜间模式的配色：

还有高大上的“EQ调节”功能，想要什么音效就有什么音效，不输专业的HiFi播放器。EQ调节的皮肤同样养眼：

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

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

使用方法：
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的代码和显示/触摸驱动程序。

如花 · 发表于 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

加油

flyleaf · 发表于 2018-12-13 09:10:50

哇靠这么帅

阿里 · 发表于 2018-12-13 10:37:12

不错不错啊

bbbcccddd · 发表于 2018-12-13 10:39:17

很好看,学习学习

fire · 发表于 2018-12-13 11:00:56

如花，加下我QQ：313303034

bbb201105 · 发表于 2018-12-13 11:03:47

666zishuzishu

点火 · 发表于 2018-12-14 14:50:03

666666666666666666

Lon · 发表于 2018-12-14 15:23:18

炫酷回手就是赞，再回手就是下载

麦穗 · 发表于 2018-12-14 15:42:13

谢谢分享谢谢分享

wancy2017 · 发表于 2018-12-15 11:28:22

楼主实在是太牛逼了

Brandon_子贤 · 发表于 2018-12-16 01:42:00

最近开始学习emWin，研究下

hehuibo · 发表于 2018-12-16 21:11:29

这个很吃内存吧！！！！！

CXZ12138 · 发表于 2018-12-17 09:08:27

66666666666666

渲染整片天空 · 发表于 2018-12-17 10:35:49

挺漂亮的，赞一个

castellan · 发表于 2018-12-17 11:42:46

界面做的好帅哦

mcza30 · 发表于 2018-12-17 12:28:34

谢谢分享，楼主厉害

okyihu · 发表于 2018-12-17 14:08:52

不错，很漂亮

Night_cry · 发表于 2018-12-17 20:37:54

不错啊，学习学习

如花 · 发表于 2018-12-17 20:56:15

hehuibo 发表于 2018-12-16 21:11
这个很吃内存吧！！！！！

不算吧，按目前单算GUI计算，占700多K的RAM，而且图形全是用2D函数绘制的，占不了多少ROM

laoyi · 发表于 2018-12-17 21:58:22

帅呆了，期待后续大作！

xiaobakang · 发表于 2018-12-18 08:22:22

66666666666666666666

wx_y9KGkF7n · 发表于 2018-12-18 09:28:52

hao !hao !hao !hao !

lwg8458 · 发表于 2018-12-18 11:36:11

不错！！！！！

林辉 · 发表于 2018-12-18 16:51:40

学习

:)

爱在一_lz4y9 · 发表于 2018-12-19 11:36:13

要下载下来学习一下啊。

billtest38 · 发表于 2018-12-19 13:47:24

太厲害了感謝分享

FENGHUA · 发表于 2018-12-19 21:04:04

不错，666666666

互为因果 · 发表于 2018-12-20 00:32:55

6666666666666666666666666666666666666

疯爱 · 发表于 2018-12-20 10:35:23

666666666666666666666

guanyanqin · 发表于 2018-12-20 14:05:33

aming882046 · 发表于 2018-12-22 13:28:14

好资料，谢谢分享

freddy · 发表于 2018-12-26 22:42:58

谢谢楼主的共享！

东来东往 · 发表于 2018-12-27 08:29:02

这对内存要求高不高啊@如花

kevinliang · 发表于 2018-12-27 08:31:40

西域海盗 · 发表于 2018-12-27 13:27:46

牛逼

huadao · 发表于 2018-12-27 14:58:27

学习下！！！

kinngwu · 发表于 2018-12-28 10:38:15

666666666666666666666666666666

hqgboy · 发表于 2018-12-30 08:20:33

牛逼。。。。。

wx风筝 · 发表于 2018-12-30 09:17:15

学习学习，楼主太厉害了

stud · 发表于 2018-12-30 10:51:21

漂亮，，，

icdiscovery · 发表于 2019-1-2 13:14:41

很好的东东，支持楼主

kfc400500 · 发表于 2019-1-2 15:32:36

666666666666666

jxn007008009 · 发表于 2019-1-2 16:31:19

太棒了，顶你

Royal · 发表于 2019-1-4 11:07:37

膜拜大神！！！！！

程天政 · 发表于 2019-1-12 19:57:23

好厉害，emwin干脆不会搞。。。。。

路飞真的会飞 · 发表于 2019-1-17 10:57:51

感谢分享

cz123123 · 发表于 2019-1-17 17:25:52

手动sad按时打

账号		自动登录	找回密码
密码			注册

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

评分

主题推荐