基于GUI-Guider的LVGL教程:桌面摆件UI设计:主界面设计
·
观前提示:建议先参考前面两篇文章再进入本章;
1.在import里新建文件夹,并将图片放入,再导入一张图片进GUI_Guider作为底图,或者直接利用背景进行调色,再放置一个容器组件,调整透明度,R角,边框透明度:
2.拖动两个进度条,和四个(两个数值,两个单位独立)标签,两个图标按照下图排列,也可按照自己的需求进行排列;
图标来源:https://www.iconfont.cn
标签和进度条大小和高度对齐可在右上角设置坐标调整
最终效果如下:
3.放置3个标签,分别是时间,年月日,星期;
4.继续放置标签和图片,用于后续与百度地图开放平台进行对接天气状况;
5.放置4个容器,用作跳转页面,四个容器可以对应四个功能模块,点击4个功能模块可以进行界面跳转:
更多推荐
已为社区贡献4条内容
所有评论(0)