本文导读
上期小编分享了拿到zmp110x 创新串口屏评估套件的感受,本期说说小编如何在2天内,从定义新功能开始,做出一个具备交互功能的ui。
上周小编拿到zmp1106创新串口屏评估套件后,前后花了两天时间,做了一个简单的小区门禁ui的演示demo,完事后将ui设计过程整理成文,分享给大家。 小编将ui设计分为三步,第一步:定义功能并搜集制作ui素材(主要时间花在这部分,费时一天半);第二步:基于awtk进行ui设计(只花了2个小时);第三步:进行ui升级验证。下面将详细介绍各个步骤。
定义功能并搜集制作相关ui素材(准备工作)
老大让我自己做个ui演示demo练练手,但是没说具体要做什么,需要自己去想。如图所示,ui界面的设计灵感来自网上某小区的可视化对讲界面,控件主要包含通话、监控、物业公告、电梯控制,以及静态显示日期、时间和天气等,并实现拨通和挂断电话的功能。小编从网上收集并绘制了相关ui素材,做好了ui设计前的素材准备工作。
图1 可视化对讲界面
基于awtk进行ui设计
素材设计完成后,小编参照应用开发手册,使用awtk designer上位机软件来绘制ui界面。从新建ui工程开始到设计完成。
ui固件升级
在ui设计完成后,将整个ui项目拷贝到eclipse工程的”awtk_demo”文件夹中,并配置工程;编译后生成的bin文件即为ui固件,更名为“awtk.bin”,并将其拷贝到sd卡或u盘;插入到串口屏主控板,并短接r与g,按下复位按键即可完成串口屏ui固件升级。
图2 门禁ui界面显示
至此,串口屏小区门禁ui设计的整个过程就结束了,后续小编将把本ui的设计代码推送到:
https://gitee.com/zlgmcuopen/hmi_zmp110x_application ,欢迎大家关注。
如何构建深度防御层 | 自动移动目标防御
NB-IoT在智慧烟感解决方案中的应用分析
PLC光分路器核心部件分析
谷歌旗下自动驾驶公司Waymo :特斯拉自动驾驶系统将无法实现完全自动
广东地区MES系统的优势
2小时可以在ZMP110x创新串口屏上做一个什么样的UI?
单片机闪烁灯汇编语言源代码大全(四款闪烁灯的汇编语言源代码)
Leap Motion的模拟技术能解决VR的硬件问题吗
康宁 Gorilla(R) 玻璃被应用于 LG 电子新款超薄
TRMK213 | 带你感受物联网时代的红利
初入职场必备的10款软件,有你爱用的吗?
TTL电平、CMOS电平、RS232电平的介绍
8009电阻率测试夹具的特点及应用范围
深圳首店!坚果投影海雅缤纷城直营店盛大开业
三星电子在7月至9月期间智能手机出货量7230万部
基于CPLD芯片EPM7128实现多功能测试系统的应用方案
智能汽车基础设施将打造智能道路和智能交叉路口
用于海上风电大部件更换运营维护的自升式起重平台“海电运维801”
方案芯片—自行车打气泵方案芯片
分体式蓝牙耳机哪款好?四款分体式蓝牙耳机测评