android动态表格数据类型,华为运动表GT表盘主题制作教程

控件介绍

运动表 GT

单图控件用于显示一张静态图片,通常用作背景图、图标等。

927bfba40487c9cce1c2364318d81de3.png

属性区域操作说明:

1) 图片路径:点击 + 号图标选择图片。

94ec1a9ff208a05e560fdcd8cac25198.png

注:图片尺寸不得超过所选表盘 DPI 大小,如,选择 390 X 390 表盘,则图片的宽高不得大于390px。

2) 位置 X,Y:图片左上角在表盘坐标系内的坐标。

32fee1b29c246ea9708f5d6e5b2bd1e1.png

注:表盘坐标系原点(0, 0)为表盘外切正方形的左上角。X ,Y 的值不得超出 0~DPI,如,选择390 X 390 表盘,该属性框的值不得超出 0~390。

指针

指针控件用于根据绑定数据的实际值来动态旋转指针,通常用作时分秒针等。

e2bf1cfe892d01dc2c25ab5aa6bdfdb7.png

属性区域操作说明:

1) 图片路径:点击 + 号图标选择指针图片。

2d48409c91b269e7e0fcd86577d272d8.png

注:图片尺寸不得超过所选表盘 DPI 大小,如,选择 390 X 390 表盘,则图片的宽高不得大于390px。

2) 旋转中心绝对位置 X,Y:指针图片的旋转中心在表盘坐标系中的坐标,比如指针控件一般以表盘的中心旋转,以 390 X 390 表盘为例,该 X,Y 值为(195, 195)。

c3322334e0ba2a9f063333e17536c3a9.png

注:表盘坐标系原点(0, 0)为表盘外切正方形的左上角。X ,Y 的值不得超出 0~DPI,如,选择390 X 390 表盘,该属性框的值不得超出 0~390。

注:旋转中心点为指针图片围绕该点进行旋转。

3) 旋转中心相对位置 X,Y:指针图片的旋转中心在指针图片坐标系中的坐标,比如该示例指针图片以此图片坐标系位置(14, 280)为旋转中心进行旋转。

4fe1c82906854b4956829b9ca7bfcd7c.png

注:指针图片坐标系原点(0, 0)为指针图片的左上角。X ,Y 的值分别不得超出图片的宽和高,如,指针图片的尺寸为 50 X 300,则 X 的值不得超出 0~50,Y 的值不得超出 0~300。

4) 起始与终止角度:指针图片围绕旋转中心进行旋转的角度范围。当起始角度小于终止角度,以顺时针的方向进行旋转。当起始角度大于终止角度, 以逆时针的方式进行旋转。

2cb8bf886937cd27cda1c7bc5a0099be.png

注:角度值不得超出-360~360 范围。支持 4 位小数。

注:起止角度差对应了绑定数据的 100%。

5) 数据类型:指定该指针绑定显示手表系统的哪种类型数据。

预览数据:模拟手表数据,设计师通过调节预览数据,可以预览不同数据情况下的预览效果,对于指针控件,0%~100%对应了起始角度~终止角度范围。

eeab1b5061e994f3dff8a8b310c6f0c1.png

手表端指针控件支持的数据类型定义:

ca8942419c425199b422d2aba95184bd.png

圆形进度条

圆形进度条控件用于根据绑定数据的实际值动态显示圆形进度条,通常用作步数、卡路里等目标完成进度显示。

d4a4aa62ba999e1e514ae65b02aa6929.png

属性区域操作说明:

1) 图片路径:点击 + 号图标选择圆形进度条底色纹理图片。

06066c680a1e870476a2c8d59b634881.png

注:图片尺寸不得超过所选表盘 DPI 大小,如,选择 390 X 390 表盘,则图片的宽高不得大于390px。建议使用正方形图片。

2) 位置 X,Y:图片左上角在表盘坐标系内的坐标。

ea8725422e5ff7c8cbd1bd141d3aa1eb.png

注:表盘坐标系原点(0, 0)为表盘外切正方形的左上角。X ,Y 的值不得超出 0~DPI,如,选择390 X 390 表盘,该属性框的值不得超出 0~390。

3) 圆心坐标 X,Y:圆形进度条的圆心在图片坐标系中的坐标。

8922ea422d1131b01531d44ab8351a80.png

注:图片坐标系原点(0, 0)为图片的左上角。建议圆心坐标取图片的中心点,比如,图片尺寸为100 X 100,建议圆心坐标取值(50, 50)。

4) 半径及宽度 R,W:R 为该圆形进度条的半径(圆心与进度线条中线的距离);W 为进度线条的宽度。

47d6d960385f34c7f5a36a9badc3c30a.png

注:建议 R 值不要超过(图片边长-W)/2 ,建议 W 值小于 R 值。

5) 起始与终止角度:圆形进度条以圆心为中心点满格显示的角度范围。起始角度为进度条的起始点,终止角度为进度条的终止点。

e142cb8a0758b8255a0049f33aa79368.png

注:角度值不得超出-360~360 范围。起止角度差绝对值不得小于 5。

注:起止角度差对应了绑定数据的 100%。

6) 数据类型:指定圆形进度条绑定显示手表系统的哪种类型数据。

预览数据:模拟手表数据,设计师通过调节预览数据,可以预览不同数据情况下的预览效果,对于圆形进度条控件,0%~100%对应了起始角度~终止角度范围。

e9e9cbf2d9a12388b201d523f11f69b1.png

手表端圆形进度条控件支持的数据类型定义:

c551613431b1f38c521a1a499b576703.png

线形进度条

线形进度条控件用于根据绑定数据的实际值动态显示直线形进度条,通常用作步数、卡路里等的目标完成进度显示。

26c1a556e2fa1d2cd52b2facc7902482.png

属性区域操作说明:

1) 图片路径:点击 + 号图标选择直线形进度条图片。

注:图片尺寸不得超过所选表盘 DPI 大小,如,选择 390 X 390 表盘,则图片的宽高不得大于390px。

73a492205152c39236894a7fcfc02b9e.png

2) 位置 X,Y:图片左上角在表盘坐标系内的坐标。

e7efdeda4dfb386adafa4680e58e21c3.png

注:表盘坐标系原点(0, 0)为表盘外切正方形的左上角。X ,Y 的值不得超出 0~DPI,如,选择390 X 390 表盘,该属性框的值不得超出 0~390。

3) 数据类型:指定线形进度条绑定显示手表系统的哪种类型数据。

预览数据:模拟手表数据,设计师通过调节预览数据,可以预览不同数据情况下的预览效果,对于圆形进度条控件,0%~100%对应了起始角度~终止角度范围。

03728602818dde21680e4dc2933715fd.png

手表端线形进度条控件支持的数据类型定义:

c343106882330afd200c0cd80c571668.png

动态文本

动态文本控件用于根据绑定数据的实际值动态显示变化的文字,通常用作如步数、心率、日期等的数值显示。

d22338de0c2161f676a700c4394adce9.png

属性区域操作说明:

1) 位置 X,Y,W,H:X,Y 为文本框左上角在表盘坐标系内的坐标;W 为文本框的宽度,H 为Y 到文本 baseline 的距离(H 根据字体大小自动计算)。

5dffd4eeaf0b9ab1c8419d42798b66a3.png

注:表盘坐标系原点(0, 0)为表盘外切正方形的左上角。X ,Y,W 的值不得超出 0~DPI,如,选择 390 X 390 表盘,该属性框的值不得超出 0~390。

2) 文本:下拉框选择文本字体;颜色:颜色选择器选择文本颜色,输入框输入透明度值。

f0f03b3890e6d090979e2f6e0f6746eb.png

注:通过点击色块按钮弹出颜色选择器选择颜色;透明度范围为 0~255。

3) 对齐:文本对齐方式,分别为左对齐、居中对齐、右对齐。

62432ec280b484f2e2fa896623746693.png

4) 数据类型:指定动态文本绑定显示手表系统的哪种类型数据。

7821315e0a6de7b7305b6b73d3498d9c.png

预览数据:模拟手表数据,设计师通过调节预览数据,可以预览不同数据情况下的预览效果,对于动态文本控件,根据不同数据类型,可以输入不同的数据范围的数据,详见下表数据类型取值范围。

手表端动态文本控件支持的数据类型定义:

ea558b68efd2cb6df811b6ddf3aabab9.png

选图

选图控件用于根据绑定数据的实际值显示不同的图片,通常用作天气、星期、日期等的显示。

40401be9a39872e24e232d834f8dcab4.png

属性区域操作说明:

1) 位置 X,Y:图片左上角在表盘坐标系内的坐标。

0ea7aa8357d5be08051b5a9e9f8a3d76.png

注:表盘坐标系原点(0, 0)为表盘外切正方形的左上角。X ,Y 的值不得超出 0~DPI,如,选择390 X 390 表盘,该属性框的值不得超出 0~390。

2) 数据类型:指定选图控件绑定显示手表系统的哪种类型数据。

fcee677c730b4c7ef43217539ed49035.png

预览数据:模拟手表数据,设计师通过调节预览数据,可以预览不同数据情况下的预览效果,对于选图控件,根据不同数据类型,可以选择不同的数据,对应显示不同的图。

手表端选图控件支持的数据类型定义:

938b949479065ef86a0d506193e84ba4.png

3) 图片路径:点击 + 号图标选择图片。添加图片需要顺序添加,删除图片需要从最后一张图片开始删除。请严格根据数据类型定义中的描述和要求的图片个数和顺序来添加图片。

80ec580e787dc8ab239f55c15e73e364.png

注:图片尺寸不得超过所选表盘 DPI 大小,如,选择 390 X 390 表盘,则图片的宽高不得大于390px。

注:当数据类型选择“上午下午”时,前两张图依次为上午、下午,第三张图必须添加一张透明空白图,用于 24 小时制下不显示图片;

当数据类型选择“星期数据”时,第一张图片需要添加任意一张图(无用途,但需要添加),从第二张图开始按照周一、周二······周六、周日顺序依次添加对应图片;当数据类型选择“月”时,第一张图片需要添加任意一张图(无用途,但需要添加),从第二张图开始按照一月、二月······十一月、十二月顺序依次添加对应图片。

连接文本

连接文本控件用于根据绑定数据的实际值使用连接符连接显示两个变化的文字,通常用作如:XX/XX 格式的日期等的显示。

abe896d10512e86a74781a396968782a.png

属性区域操作说明:

1) 位置 X,Y,W,H:X,Y 为文本框左上角在表盘坐标系内的坐标;W 为文本框的宽度,H 为

Y 到文本 baseline 的距离(H 根据字体大小自动计算)。

681d0c1a5fea9f9c9007f6b78e3b2ac7.png

注:表盘坐标系原点(0, 0)为表盘外切正方形的左上角。X ,Y,W 的值不得超出 0~DPI,如,选择 390 X 390 表盘,该属性框的值不得超出 0~390。

2) 文本:下拉框选择文本字体;颜色:颜色选择器选择文本颜色,输入框输入透明度值。

ad4374d4276b6b1d2bcb672ead714e2d.png

注:通过点击色块按钮弹出颜色选择器选择颜色;透明度范围为 0~255。

3) 对齐:文本对齐方式,分别为左对齐、居中对齐、右对齐。

06940e53967c27bed1f12230cd384521.png

4) 数据类型:分别指定连接文本的两个文本绑定显示手表系统的哪种类型数据。

68382dbf0843aae13274c4c28f1a3b6b.png

预览数据:模拟手表数据,设计师通过调节预览数据,可以预览不同数据情况下的预览效果,对于连接文本控件,根据不同数据类型,可以输入不同的数据范围的数据,详见下表数据类型取值范围。

手表端连接文本控件支持的数据类型定义:

abad40aba6bd48d98d26f323688cfc3c.png

第二个文本还多支持无数据类型:

c8f0aac9e03b772142b3f3da4fcce404.png

5) 连接符:两个文本的间隔符号。

包含如下连接符号:冒号 “:”  、短线 “-”、斜线 “/”、反斜线 “\”、点 “.”、百分号 “%”、空格 “ ”

注意事项

1. 单个表盘控件个数限制表盘控件的所有配置都写在watch_face_config.xml;配置控件总数不超过 25 个。

2. 生成单个表盘文件大小限制现有运动表生成表盘文件大小限制:bin 文件小于等于 1.4M,总体的 HWT 包大小不能大于 5M。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/500508.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

cnblog 的小问题 - 尽在 null 中

在Chrome 上发送消息的时候, 出来一个内容为 “null” 的错误。 期望: 至少要用一个缺省的错误信息 “网站内部错误, 请稍后再试 …” 来代替 null.

android 读后台数据,Android 模拟后台数据返回 ,便与测试

环境基于 PhpStudy8 搭建:index.php 源码:header(Content-type:text/html;charsetutf-8);//渠道分类接口$JsonFile1 new JsonFile(channellist,"channellist.json");$JsonFile2 new JsonFile(commonlist,"commonlist.json");$JsonFile3 new JsonFile(up…

送人玫瑰 手有余香

我们自从 2008 年出版了<编程之美> 后, 销量还不错。 作者们把获得的版税捐出来做一些公益活动, 帮助了两个欠发达地区的中学, 福建漳平一中和湖北五峰县一中。 两年时间过去了, 我们和这些学校也相忘于江湖。 最近我们得知 - 漳平一中的同学们在计算机比赛中获得好…

android icon 圆角半径,iOS和安卓APP启动图标的尺寸和圆角值详解

今天在APP设计交流群里&#xff0c;又有不少的初学的APP设计小伙伴都在问ios端和安卓端的启动图标尺寸大小和圆角半径大小。第一部分&#xff1a;我们先来看看iOS端的图标的尺寸和圆角大小详解A、iOS6和之前版本&#xff0c;应用图标的半径都可以通过四分之一圆角绘制出来。512…

现代软件工程 M2 博客要求

和M1 类似: 131/24Dev-History (微软软件开发管理的历史)Milestone 2 (里程碑2)博客: 列出M2 的计划, 所有的任务(task), 把bug bash 的报告分类加入TFS (作为bug), 公布人员的角色, 可以考虑在这一周开始scrum. n/a1/31Holiday Holiday假期 (各团队根据队员放假情况, 灵活安排…

炁体源流 鸿蒙,一人之下:八绝技中最强被曝光,没想到炁体源流落榜,第一在后头...

如今有很多朋友都喜欢在空下来之后看一下动漫给自己解解乏&#xff0c;相比起明星们所在的综艺和影视而言&#xff0c;动漫只要做得好&#xff0c;是不存在啥演技不好&#xff0c;外形让人不喜欢、性格太差劲、太假等等情况的。所以近年来咱们也发现越来越多青少年喜欢上了动漫…

scrumndash;yesterday once more

在敏捷开发的 SCRUM 流程中, 一个基本要求就是团队中的成员在每日例会中介绍自己昨天的进度, 今天的计划, 和遇到的困难。 下面是《现代软件工程》课程上一个学生团队在2/18 和 2/19 这两天的报告。 粗粗看去, 不禁有 “昨日重来” 的感觉。 一些同学的任务在2/18 报告的 yes…

android studio导入eclipse项目各种问题,eclipse项目导入android studio 各类问题及解决方法...

随着时间的推移&#xff0c;技术的推进&#xff0c;开发android的IDE&#xff0c;逐渐由 eclipse转移到android studio&#xff0c;但… 我们的拖延症是很严重的&#xff0c;只要eclipse能用一天就绝不迁移&#xff0c;只到有一天&#xff0c;项目越来越大&#xff0c;引入的第…

清华大学 2011 春季学期 lt;现代软件工程gt; 课程表

上课时间地点: 周一下午 1:30 – 4:50, 六教 6A/201 暂定时间表 (会根据学校放假, 老师/学生的具体要求变化): WeekDateLecture (授课)Talk (交流/演示)Projectblog requirement12/21Intro (课程简介, 分组), number game, iPad, team project, assignment of I-project. …

清华大学 lt;现代软件工程gt; 项目小组名单

下面是各个项目小组的情况, 每个小组有 6 – 10 名同学组成: no. Team NameLeaderBlog项目 (构想中… ) 1 Seven杜圆http://cnblogs.com/SE-team-2011Calendar, todo list, Lifer 2.0 2 霸王移山余江伟http://cnblogs.com/bawangyishanCalendar or 食品打分网站 or 背单词软件…

android 名片识别 简书,iOS 自己实现 名片识别 三 图片处理

主题: 图片处理声明:下面这些图片仅供学习使用0.png1.剪切图片根据矩形特征剪切图片// property (nonatomic , strong) CIImage *img;//property (nonatomic , strong) CIRectangleFeature *feature;_img [_img imageByCroppingToRect:_feature.bounds];1.png2.图形矫正根据特…

用积分来衡量博客的成绩

I was told the “积分" in CNBLOGS site is a fair reflection of the popularity and activity of a blog. The score is a linear function of the following factors: (the page view of your blogs, the comments from others to your blogs, your comments to ot…

阐述html语言的理解,大学语文课后思考题答案

. 分析“吾辈”看月与他人有何不同&#xff0c;表现了怎样的审美情趣&#xff0c;从中可看出张岱小品文的哪些特点&#xff1f;一喜喧嚣&#xff0c;一喜清幽&#xff0c;故而是两种境界&#xff0c;两种天地&#xff0c;两种情感。从中可看出作者文人情趣的流露&#xff0c;以…

华为鸿蒙osbeta发布会,华为鸿蒙 OS Beta 3

华为鸿蒙 OS Beta 3是华为新推出的一个手机操作系统&#xff0c;感兴趣的用户可以在这个平台上一起来使用&#xff0c;可以随时为用户提供最方便的手机操作服务&#xff0c;感兴趣的用户可以在这个平台上一起来使用&#xff0c;可以随时为用户提供最便捷的线上服务。华为鸿蒙 O…

清华大学 现代软件工程 - 实战经验分享

在前两节课中, 老师给大家描绘了关于软件工程和创新的理论和美景。 那么在实践中, 我们的软件工程师是怎么创新的? 我们请两位清华的校友和大家聊聊他们自己做的项目, 也和大家探讨一下软件工程师的工作, 生活和职业发展。 分享题目1: Sora Project - turn cutting edge re…

清华大学 现代软件工程 学生特别想学的领域

讲了两节课, 大家对我们要讲什么内容有所了解。 在课堂的匿名调查中, 我要求学生们选自己最想学的 5 个领域。 下面是统计结果: pick top 5 areas you want to learn and put a check-mark in this columnSkills (X)Programming Language (C/C/C#, data structure and algor…

html5图片碎片效果,html5 canvas实现图片玻璃碎片特效

今天要为大家带来一款html5 canvas实现的图片玻璃碎片特效。图片以玻璃碎片的形式出现到界面中&#xff0c;然后似玻璃被打碎的效果渐消息。效果图如下&#xff1a;实现代码&#xff1a;html代码&#xff1a;js代码&#xff1a;// canvas settingsvar imageWidth 768,imageHei…

清华大学 现代软件工程 结对编程项目 (一)

Pair Project I: Casual Game Improve an existing casual game with incremental innovation. Skills to Practice and Learn: a) Requirement Collection & Analysis b) Estimation c) Pair Programming (结对编程) d) Collaboration How to …

HTML用户点击新建按钮,html – 需要点击按钮

该页面上有两个解决方案。如果可能的话&#xff0c;我会选择较低的票数。如果你使用HTML5&#xff0c;那么把div放在一个内部是完全有效的。只要div还不包含其他特定元素&#xff0c;如其他链接标签。Music I Like实际上&#xff0c;您所困惑的解决方案使链接与其容器div一样大…

Visual Studio 2010 sp1

http://blogs.msdn.com/b/jasonz/archive/2011/03/08/announcing-visual-studio-2010-service-pack-1.aspx 各位同学可以下载。 我很佩服VS 团队的同事在繁忙的工作之余&#xff0c;还能在 blog 上直接和最终用户交流。 从大家对Vs2010 的反馈来看 (有100 多个反馈帖子), 如…