花粉俱乐部  logo 花粉俱乐部  因为热爱
搜索 |
[分享交流]

自己动手设计表盘【第1期】【第2期】

    [复制帖子标题和链接]

1798768

成败皆粉也  独步江湖  发表于 2019-7-4 13:08:00 来自:浏览器

最新回复 2019-8-15 18:18:32

本帖最后由 成败皆粉也 于 2019-7-4 21:38 编辑

引子

       为了获取一个表盘,自己来设计的应该大有人在,在这个人人都是产品设计师、人人都是产品经理的年代,不动手设计体验的你,已经out了!问我为什么?你自己去想吧。不过要提醒大家的是注意合理安排好自己的时间,不影响工作和家人味道更佳!


动手前的准备
       翻看了开发者联盟的页面看了一下搜集到如下整套工具教程:


一、设计规范:
1、华为手表表盘制作指导书:《华为手表表盘制作指导书》  
华为手表表盘制作指导书 v1.0.pptx (3.79 MB, 下载次数: 462)

评分

参与人数 5人气 +58 威望 +104 花瓣 +20 收起 理由
怂仁玉米 + 10 + 6 请叫我雷锋!
金贝克机械 + 50 臣妾做不到、加分膜拜了!
867576521 + 20 + 20 + 10 好赞~鼓掌~

查看全部评分

成败皆粉也  独步江湖  发表于 2019-7-4 13:08:22 来自:浏览器
本帖最后由 成败皆粉也 于 2019-7-4 21:45 编辑

沙发占楼!

【第2期】制作前需要了解的

华为手表表盘尺寸目前分两种
注意:华为手表与荣耀手表的屏幕尺寸、分辨率不同,虽可导入,但是会出现显示bug

这里我们只说GT的分辨率,为454*454
华为运动手表GT、华为运动手表GT活力款为此分辨率
150519sb3bneolxytdn1we.jpg
表盘配置文件watch_face_config.xml结构

配置文件代码简单可分为三块
1、绿色框为基本代码,不可修改
2、黄框内为设置dpi属性,即屏幕分辨率,可识别输入为390及454
3、红框内为一个简单的控件节点Widget,每个表盘内都有多个Widget,每个Widget都是一个图层,实现单一的模块功能。比如步数、时针、分针、心率等等,其显示的顺序是基于XML定义的顺序,写在文件前面的在图层的最下方,由下往上一层一层的堆叠显示
4、上图代码的定义,是通过第一个Widget控件显示背景图“A100_002.png,然后第二个控件显示的步数信息在这张背景图A100_002.png上,两个控件的层叠效果如下:

Widget控件目前支持8种控件,如下:

1•IMAGE静态图,如背景图、图标等
2•TEXTUREMAPPER图片旋转,如时分秒针等
3•CIRCLE圆形进度用于步数、卡路里等的目标完成进度显示
4•LINE线形进度条,用于步数、卡路里等的目标完成进度显示
5•TEXTAREAWITHONEWILDCARD动态文本框,用于显示变化的文字,如步数、心率等的数值
6•BOX背景框,用于显示背景色
7•SELECTIMAGE图片播放随着订阅的数据类型的数据改变,显示不同的图片,可用于天气、日期、星期等播放
8•TEXTAREAWITHTWOWILDCARD带连接符的动态文本框,如:XX:XX格式的时间显示,XX/XX格式的日期显示

注意:

1、不同图层可用这些8种控件组合来展现
2、每个控件节点根据不同的控件类型,都至少有一个不同类型的子节点
3、所有类型的子节点都必须有一个label属性和type属性,分别用于用于描述这个控件具体是和什么元素相关,以及描述控件是静态还是动态

其中表盘坐标的坐标体系如下

夏蝉鸣Adam1845  独步江湖  发表于 2019-7-4 13:11:31 来自:MI 8
厉害了
竖着耳朵  略有小成  发表于 2019-7-4 13:13:28 来自:华为Mate 20 Pro
表盘在哪里啊

点评

设计开发中  发表于 2019-7-4 19:38
成败皆粉也  独步江湖  发表于 2019-7-4 13:14:57 来自:华为Mate9 MHA-AL00
表盘设计中,还没产出………
KINGQB  略有小成  发表于 2019-7-4 13:17:36 来自:浏览器
老哥稳
乐享缤纷  登堂入室  发表于 2019-7-4 13:28:31 来自:华为nova3
其他都能看懂,PS也没问题,修改代码这部分难住我了,完全懵逼,不知道难不难搞,这部分能详细教一下吗

点评

这个我发一下教学PPT给大家  发表于 2019-7-4 19:39
huafans01250125555  初窥门径  发表于 2019-7-4 13:34:03 来自:HUAWEI P10 VTR-AL00
大佬  我爱你   你做好了可以发给我吗?  非常感谢
谁de灵魂  略有小成  发表于 2019-7-4 13:47:52 来自:荣耀Magic2 魔法手机
厉害了
chalesfzc  登堂入室  发表于 2019-7-4 13:50:19 来自:浏览器
爱你   你做好了可以发给我吗?
您需要登录后才可以回帖 登录 | 立即注册

工具下载

  • 花粉客户端官方

    Make it Possible

粤ICP备19015064号-4|备案主体编号:44201919072182| 粤公网安备 44190002003939号

Copyright © 2012-2019 华为终端有限公司 版权所有

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