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 icon 圆角半径,iOS和安卓APP启动图标的尺寸和圆角值详解

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

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

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

scrumndash;yesterday once more

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

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

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

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…

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

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

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

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

软件工程 之 动物世界

在一个神奇的国度里生活着许多动物, 其中有猪, 鸡, 和鹦鹉。 它们每天搞头脑风暴, 琢磨如何创业, 最后鹦鹉提议它们合伙开一个早餐店: 具体分工如下: 猪: 提供猪肉, 做熏猪肉 (bacon) 鸡: 提供鸡蛋, 做煎蛋 鹦鹉: 提供咨询, 它会每天阅读大量博客, 给其他团队成员提供建议, …

现代软件工程 电梯调度的挑战

目录 2022 年对 《开源软件开发导论》项目的要求 以前的需求文档 电梯作业的挑战和参考 1. Background - pair programming exercise 2. Requirement to Student pairs 2.5 Explanation of BUS program: 3. Testing 参考文献 2022 年对 《开源软件开发导论》项目的要求…

我的原创,思考写作时间在1小时以上,希望读者有真正收获的博客

[今天注意到博客园信箱里有几封信, 其中一封是这个] 原来我的原创,思考写作时间在1小时以上,希望读者有真正收获的博客被认为是不符合要求, 从首页上移出了。 这让我在写这篇博客的时候看了表, 保证思考时间超过了一个小时, 然后才发表。 这是一些读者的…

软件工程 软件工程师的誓言

有人说 程序 算法 数据结构 有人说 软件 程序 软件工程, 软件企业 软件 商业模式。 程序本身没有伦理和职业道德, 但是程序员和软件企业要有。 我们听说过很多例子: 一个在银行工作的程序员曾说, 每次给客户计算利息的时候那些除不尽的小数, 如果程序自动转给我的账…

计算机专业性特有的道德要求,什么是通信科学技术人员职业道德的双重性?

做人素质/道德底线/正反例举计算机专业人员的职业道德和行为准则计算机职业作为一种不同于其它职业的特殊职业,它有着自己与众不同的职业道德和行为准则,这些职业道德和行为准则是每一个计算机职业人员都要共同遵守的。1、 职业道德概念所谓职业道德&…

软件工程 软件的估计为什么这么难

前两年在网上看到一个笑话集锦, 列举电视剧中的穿帮情节。 其中一个是在某缠绵冗长的言情剧中, 一个叫 “书桓” 的角色沉痛地说 - “长达八年的抗日战争就要开始了…” 书桓同学当时是怎么估计到抗日战争要打八年的? 这一技术让软件工程师和项目经理望尘莫及。 软件项目计…

java php html,java和html的区别是什么

区别:1、HTML主前端,呈现数据,Java主处理加工数据。2、JAVA主要用于桌面应用程序和分布式网络应用程序的开发;HTML用于前端页面的开发。3、JAVA的运行环境是JDK和WEB服务器,HTML的运行环境是浏览器。本教程操作环境&am…

软件工程 估计方法

上回书说到 - 一个小组的同学 (6-8 人) 决定要徒步遍历中国陆地边界, 假设供给装备齐全, 估计需要多长时间? 用什么样的办法能让同学们方便地交流各自的估计, 最后到达大致理性和统一的共识? 一般这个时候教室里一定非常热闹, 大家各抒己见, 争执得不亦乐乎。 但是最后往往…

现代软件工程 10 绩效管理

[现代软件工程 讲义 ] 我们前文讲了怎样衡量软件工程师的能力, 工程师如何成长, 如何证明自己的成长, 等等. 这些都是在一个独立的, 不受外界干扰的空间中做出来的判断。 我们假设一个有能力的工程师, 到了另一个团队, 仍然是一个有能力的工程师。 如何衡量个人在团队中的绩…

电子计算机和多媒体教材分析,电子计算机多媒体教学设计模板

电子计算机多媒体教学设计模板教学目的:1、知识与技能(1)会写5个生字,理解词语意思。(2)理解课文内容,了解什么是计算机,什么是多媒体设备。(3)了解.电脑与多媒体之间的关系并能口述。2、过程与方法(1)通过查找资料感悟计算机飞速…

软件工程 - 团队博客第二阶段成绩

正如我在学期开始的时候跟大家介绍的那样, 如果所有团队都做同样的事情, 那么分数就采用 1/n 的体系。 第一名得满分, 第二名得 1/2 的分数, 第三名得 1/3 的分数… 大家都在一个地方写博客, 项目都是同样有趣, 所以我们采用 1/n 体系, 满分 20 分. 第一组: Seven …