上一章节介绍了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的实际使用
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的实际使用
