Garmin APP开发之布局

上一章节介绍了garmin app开发的入门,包括garmin-sdk,开发工具的安装部署,文章结尾我们新建了我们的第一个app程序
Garmin开发-入门: http://tieba.baidu.com/p/4325635755?pid=83103366105&cid=0#83103366105
这一章我们主要讲fenix3 的布局
文件层次,内容介绍

先来看看整个项目的架构,层次

bin:编译后的文件,编译后直接拷入garmin/app就可以使用了,具体后面讲
resources:资源文件
drawables:预绘制图像文件(也可以叫局部布局)可以搭配layout文件使用

layouts:布局文件,主要放一些初始化布局资源,文字,图片等等
strings:字符串资源文件,可以预设一些字符串,可以在用的时候通过id获取
在resources文件下还可以建立一些自己的文件,比如fonts,images等资源文件

source:编译文件,通常说的逻辑主体,以.mc文件后缀结尾
manifest.xml:配置文件可以,看成.net的config文件

布局文件:layout.xml

讲布局文件之前先将几个知识点:
查看api文档方法:在我们下载的sdk的doc下面,或者直接点击

1:颜色和字体都在这个模块下

对应相应的字体和颜色常量
回来讲layout.xml中id为资源中的唯一id,背景色为布局的背景色
drawabel相当于调用了个id为background 的外部的画布一样,这个画布资源放在drawables文件夹下,暂时取名为background.xml

label为文字
属性包括字体,颜色,坐标,文字信息,对其方式

我们再看看上面说的background.xml怎么定义的,如图

drawable-list:画布列表,id唯一标示,因为是呈现的是局部画布,所以有坐标x,y,foreground主体颜色
shape:形状
type为形状类型
circle圆,radius半径,
polygon多边形,pot(多边形)ions为二位数组(一剂)

拥有这些就可以造出我们喜欢的形状

再来看字符串资源文件strings.xml

这个很简单,id对应相应的字符串,取值的时候用@strings.id 名 就可以了

font.xml 字体文件
<font id="font_id" filename="/path" />
依然获取字体时@fonts.id名

bitmaps.xml 图像资源

取值用@Drawables.id名

当编译器编译的时候都讲整理到一个文件,所以看自己的喜好排版相应的文件都可以

再看配置文件manifest.xml

这个文件主要是已type app类型(watchface,app,datafield,widget)
设备类型: <iq:products>
访问模块权限<iq:permissions>

这些可以用工具配置,项目右键>属性

部分模块需要配置权限在能访问
当然不是每个模块都能被所有应用访问的,具体权限可以看官方文档

布局

以上介绍了各个文件之间的关系和用法,下面来看一下具体的布局界面

Fenix的桌面布局把他看成一个坐标轴图

fenix3的分辨率为218*218,Fenix中心为坐标(109,109),把圆圈看成是fenix3可视区域,坐标关系如上图,很容易懂吧
表盘中心为x=109,y=109,其他各个点的坐标一目了然了

看看具体的效果,中心实心圆

无规则多边形

拥有这些就可以做出自己想要的效果了,比如五角心,三角形椭圆,指针等等,除了在资源文件里布局画出这些图案外,还可以在逻辑程序里也就是.mc文件里用dc画,将更加灵活方便.

布局就为大家讲到这里,当然还有很多二米讲到的细节问题,这只有个大概,关于细节问题不懂的,可以一起讨论

下一篇讲解逻辑程序和api的实际使用