在几款迪文智能屏中,最喜欢的就是4寸屏,它方方正正体现着一份高雅,如果它是一款圆形屏的话会制作界面多样的百变手表,而作为方屏的话还是用它做一个生肖型的万年历为好,其界面如图1所示。 当然,既然是生肖型万年历,除了显示的时间是实时变化的,那界面的生肖图案自然也是随年份而变化的。 由于申请的迪文屏并未配有RTC计时器,故打算先完成界面的制作,后面再通过转接板为它接上一个RTC模块来确保万年历的计时功能。 此外,为了便于校时,还安排了设置键来调整时间值。若时间允许的话再添加温湿度传感器DHT22以检测环境状态的变化。
图1界面形式
1.界面制作 1)先创建一个屏幕尺寸为480*480的新工程,见图2所示。
图2界面设置 2)添加背景图,见图3所示。
图3界面设置 3)将背景图转换成名为23. ICL图片库文件 4)将12改为背景图转换成名为26.ICL图标库文件 5)在界面上添加一个“变量图标显示”组件,并按图5加以设置。
图4添加组件
图5参数设置 6)在界面上添加2个“增量调节”组件,将其临时放置到“记录”与“设置”的上面,并按图7加以设置。
图6增量调节件
图7参数设置 7)将制作内容加以保存,并执行生成处理。 8)使用预览功能进行测试,其效果如图8所示。
图8预览效果 9)为便于后续的时间显示,再添加2个文本显示组件,并按图10加以设置。经预览,其效果如图11所示。
图9添加组件
图10测试设置
图11预览效果 10)在界面上添加2个数据变量显示组件,并按图13加以设置。经预览,其效果如图14所示。 |