倒计时对话框、时钟、地图定位~

Zooper拥有内置的API 代码库，可以调用各种系统信息，例如日历、电池、位置、天气等。利用这些代码配合适当的图片，可以调整出属于自己的widget。

这里给大家演示

制作一款简单的倒计时对话框，非常的有**~先看一下酷友的作品吧

准备素材：安装好zooper、nova的手机、头像图片两张（这里我使用了一个图标和我的头像 ）。

之前看过上一篇文章的朋友应该对zooper的界面比较熟悉了，没有看过的朋友可查看一下~

安卓手机桌面终极美化小部件：Zooper widget pro 篇一：图标快捷方式制作moresure| 赞19 评论14 收藏97查看详情

首先分享一下酷友的作品

2 开始制作

首先在桌面新建小部件，这里我新建的窄一点。

新建一个矩形，设置圆角。显示在桌面上如图。

再次新建一个矩形，因为默认白色是看不见的，所以我调整为红色，这个矩形是用来制作对话框的小尖角的。如图，有一个弧度的调整选项，调整这个参数，适当修改矩形的长宽。

得到如图小扇形。

调整位置和旋转。

调整颜色为白色即可。添加一个头像，调整位置可一得到如下图：

添加文字：

这里把这个部件保存为自定义模块，方便后续新建。使用这个模版制作另一个对话框，得到如图：

这里需要实现文字的计时效果，需要使用内置的代码。选择文字模块，选择时间，添加如下文字。格式如下#D年月日时分Td#，这里199208270000就是指1992年8月27日0点0分。计算生日注意换算阳历哦~

同样的道理，电池信息、日历、地点等都是可以用内置的代码来表现出来~可以自己制作简单的数字时钟，电量信息，内存占用，天气状况等小部件。就不用多做介绍啦~

设定好后可以实现如下效果。

重复操作后：

时间、天气、电量这些代码表现的信息都是可以设置自己更新的，不需要手动维护。是不是非常简单，也很有意思呢~ (以上文字都是使用“文字内容”编辑，高级模式可以使用“使用文字标记代码”，可以单独定义一句话中的个别字的颜色大小等。代码内容这里先不做介绍啦~)

关于对话框，有个软件叫 会话微件 。各项功能都定制好了，可以直接应用。没有图片处理能力的、并且有兴趣可以试试。

下面介绍一下时钟部件的制作，涉及的部分代码的编写调整~

首先介绍这几个需要用到的代码：

#DH# 一天中的第几个小时（0-23）

#Dmm# 现在是多少分钟（数字）

[ar]...[/ar] 定义物品偏离指定坐标的像素长度（设定物品偏离中心像素的多少）

[as]...[/as] 设置中心旋转的角度（旋转默认物品中心位置移动，物品本身不旋转）

[r]...[/r] 定义物品在指定坐标的选转角度（物品本身的旋转角度）

简单说明一下：这几个属性是定义指针旋转的。

随手做两个最简单示例一下，第一个未设置指针偏离中心。

高级参数设定时针代码：

[r]$(360/60*#dm#)$[/r]

指针第二种样式，就需要使用[ar]...[/ar]和[as]...[/as]。（物品围绕一个点旋转的同时，本身也要旋）

高级参数设定填写时钟代码（此处的代码对应时钟指示整点）：

[ar]45[/ar]

[as]$(30*#DH#)$[/as]

[r]$(30*#DH#)$[/r]

介绍一下制作过程：

新建一个矩形（时针，这里调整高度，竖直矩形表示默认的对应刻度为0）

选择高级参数设定

写入如下代码。分析一下， 时针总长130，这里我保留时针尾部10的长度，所以时针需要向上位移55的高度，所以有[ar]55[/ar] 。一个小时对应的角度为30°，一分钟对应时钟偏转角度为30/60，就是0.5°，所以(30*#DH#+30/60*#Dmm#)对应的就是时针的旋转度数。[as]$(30*#DH#+30/60*#Dmm#)$[/as]表示时针中心旋转度数，此时时针还是竖直向上的。[r]$(30*#DH#+30/60*#Dmm#)$[/r]表示时针本身旋转度数，这个时候时针才是指示正确的方向。

同样道理设置分钟（这里分钟的颜色我设置了红色）：

完成后如图：

再次添加矩形，设置宽、高，设置笔画宽度。（否则默认是实心白色），设置矩形钟框。（这里我添加了一个小矩形，设置圆角，作为钟的中心点。）

调整圆角可得到圆型钟框。

这里发现红色分钟被压在表框下面，在这个地方可以调整模块上下顺序。

得到如图：

以上就是最基本的时钟样式了，有需要可以自己添加数字制作表盘。因为使用zooper制作太多模块非常麻烦，这里可以自己用ps制作表盘，用png图片的格式插入进来。

实例：

多种样式都是可以自己尝试的！

做了一个稍微复杂一点的，不过比例不协调不是很好看，仅供参考吧：

有兴趣的朋友自己试一试吧，这里不不做多介绍啦~（因为我没有做很多 ）

城市定位制作~

之前介绍的简单应用，对图片的处理能力基本没有要求，这篇给大家介绍一下地图定位的做法。

本来我提取了一个地图的png的，后来东西的都做差不多了，发现一个重大的问题，平面的世界地图，不是变形了，就是位置不对。没有找到合适的。（就是中心对应的经纬度是0，0的那种，并且从球体转换为平面的具体方法我不太清楚，就不去花费太多时间自己设计了。）

其实定位小图标用zooper也能画出来，不够后续调整就非常麻烦了，所以我直接选用png图片。网络上有非常多的地图素材和定位标识，有兴趣的朋友可以自己下载尝试制作。这里将两个图片拖入手机（自己能方便找到的位置）。做了个伪定位吧~（手动调整位置）这个不是标准的按照经纬度做xy轴的地图，比较美观。

因为这个软件定位需要番茄，而且我番茄了之后也无法自动定位，知道是版本问题还是什么原因，所以翻墙后我添加了预设地址是南京市区。

用他人做好的模版吧~主要就是需要里面的地图。下载文件，拖入到内部存储设备ZooperWidgetTemplates里面，手机载入模版即可。

跳过许多步骤。

打开模版后如图（听说是国外的大神做的，把地图做成文字，输入英文字幕，字体THEMER MAPS，就出现地图了）：（后来我把地图做成png提取出来了...）（这个地图是标准经纬度作为xy轴的，顶部拉伸比较严重，优点是定位可以比较准确......）

第一个文字b就是对应地图了，这里分析一下定位表示的（最下面有个文字w）

#LLONG#表示经度，#LLAT#纬度（软件上的中文标注反了）0.84是经纬度和软件坐标的换算系数。22、31是矫正位移量。（地图的经纬度0，0对应软件坐标不是0，0，并且定位标识的定位的点是其中心的下方，所以是需要矫正的。）

这里在小部件位置中调整默认职位，定位就自动调整了~（选择的是南京，其他文字我就没有调整。）

自己尝试新做一个，修改了地图样式，添加到部件之后：

添加定位标识，定位表示的定位点是在坐标0，0的下方的，这里我调整了地图，移动了10个单位。定位点基本定位在0，0了。

计算一下换算系数

写入代码，注意y偏移是带有“-”号的。“-”表示向上移动。

经纬度能正常定位的话，会正常显示，如果不能定位，就只能手动定位了，下图我这里选择南京。

效果图如下：

搭配日期，时钟，天气等会非常的漂亮~，这里不做演示啦...（因为太累了......）

喜欢就打赏关注点赞留言吧~

如果这篇文章喜欢的朋友较多的话，我会继续更新负一屏的制作，包含进度条（比如电量的显示、ram占用等），天气图标添加替换等内容。不过上一篇文章普遍留言说没有折腾的心了，所以看情况吧~

嘿嘿