EAUML日拱一卒-微信小程序实战:位置闹铃 (18)-差不多就这样了
经过一段时间地实现和测试,位置闹铃小程序开发也渐渐接近尾声了。作为一个练习,差不多也就这样了。
今天介绍小程序的功能。
启动小程序
扫描下面的二维码即可启动位置闹铃小程序。
功能介绍
首先是主画面,第一次启动时它是下面的样子。
按下【新建监控点】按钮,打开【指定监控点位置】画面。
拖动地图,将希望的监控点置于地图中心,从下面地列表中选择地理信息。
点击画面左上角的【<】可以取消本次操作,按下【下一步】进入动作编辑画面。
在这个画面中可以指定监控点类型和提示音。
监控点类型:
接近监控点:当设备接近指定位置时播放提示音。
离开监控点:当设备离开指定位置时播放提示音。
提示音:
用于指定监控条件满足后播放的音乐。
按下【取消】按钮可以取消本次操作,按下【决定】按钮可以保存新建地监控点信息。
按下【决定】按钮回到主画面以后可以看到新建的监控点。
按下【新建监控点】可以创建其他的一个监控点,按下监控点旁边的【删除】按钮可以删除该监控点。
按下【开始监控】按钮可以启动监控过程,这是【开始监控】按钮的文字变成停止监控,按钮的颜色变成浅绿色,表示监控正在进行。
当设备靠近接近监控点或者远离离开监控点时,监控点转换为fired状态,小程序会重复播放提示音(10次)。这时如果按下对应项目旁边的【接受】按钮,可以终止提示音地播放。注意下图中【接受】按钮的状态。
按下【停止监控】按钮,可以停止监控过程,这时按钮的颜色会变成【开始监控】,按钮的文字会恢复成开始监控。
监控活动需要定时取得定位信息,因此耗电较多,小程序API没有提供退出功能,在不需要时可以停止监控。
按下【事件记录】按钮,可以表示本次监控过程中发生的事件。主要是各个监控点的状态变化。
功能的限制
目前小程序地功能比较简单,以步行为基础进行计算,以下情况下不保证正常动作。
在监控点附近的移动速度明显超过步行时
地铁内,或者距离地铁站非常近(例如50m)时
GPS信号进度非常低时。
如果做一个产品,这些都是需要解决的问题,作为一个练习程序,我们在这里收手。
项目源代码
小程序的源代码已经上传到GitHub,今后也可能有一些小的
更新。
https://github.com/xueweiguo/alarmmap
写在文章的最后
EAUML日拱一卒-微信小程序实战:位置闹铃 (18)-差不多就这样了相关推荐
- EAUML日拱一卒-微信小程序实战:位置闹铃 (5)-显示所在位置的信息
假设我们指定了多个监控点,接下来的需求就是给每个监控点取名字.如果是手动输入的话,会比较麻烦.所以位置闹铃再向前走一步,从地图上取得监控点所在位置的信息作为监控点的名称. 画面说明 当我们选定监控点以 ...
- EAUML日拱一卒-微信小程序实战:位置闹铃 (15)-实现监控点状态迁移功能
简单地设计以后,就可以开始着手实现了. 接近监控点 enterAlarmCheck: function (distance, accuracy){ if (this.state == 'ready') ...
- EAUML日拱一卒-微信小程序实战:位置闹铃 (19)-发布微信小程序
小程序的功能实现之后,经过一段时间地测试,接下来就是发布了. 在开发工具的上面偏右的位置,有一个[上传]按钮,按下它就可以将小程序上传到微信小程序公众号. 登录自己的小程序帐号,进入开发管理页面. 画 ...
- EAUML日拱一卒-微信小程序实战:位置闹铃 (17)-保存和取出设定信息
设定了监控点之后,小程序会取得最新位置,判断各个监控点的到达,离开情况并播放提示音.很多情况下,用户会希望这些信息可以保存起来以便将来使用. 这就是今天的主题:在小程序中保存设定信息. API 位置闹 ...
- EAUML日拱一卒-微信小程序实战:位置闹铃 (16)-单元测试是个技术活
程序设计,实现之后的下一个环节就是单元测试了.对于位置闹铃小程序来讲,带着设备到处移动以测试监控点的状态迁移就是一个必经之路,但是如果所有环节都通过实地测试来解决,那将耗费大量的时间和体力. 我们的选 ...
- EAUML日拱一卒-微信小程序实战:位置闹铃 (8)-WXML条件渲染
需求 按照位置闹铃程序的设计,当设备接近或者离开某个区域时,可以播放提示音,也可触发记时器动作.按照设计,我们的画面是这样的. 提示音选择画面 计时器选择画面 实现方式 一般来讲,根据动作动作类型选择 ...
- EAUML日拱一卒-微信小程序实战:位置闹铃 (6)-播放音频
昨天停更了一天,不是作者偷懒,而是掉到了一个坑里.本来以为播放音频很简单,但是还是遇到的各种问题,比如: 1)小程序无法播放手机存储目录中的文件,只能播放网上的或者是小程序暂存的文件. 2)播放暂存文 ...
- EAUML日拱一卒-微信小程序实战:位置闹铃 (20)-发布微信小程序(续)
头一天晚上申请,到第二天早上也没有通过,所以就有了这篇续. 审批通过以后,首先手机的服务通知收到这个: 登录小程序帐号,画面的右上角也会有提示. 这时的开发管理页面是这样的: 可以看到审核版本栏版本号 ...
- EAUML日拱一卒-微信小程序实战:位置闹铃 (14)-分析监控点状态
将监控点包装成一个类以后,接下来应该就是设计和实现监控点功能了.今天先是设计.我们分接近监控点和离开监控点两种情况讨论. 接近监控点 ready状态 监控点工作状态,小程序会对设备位置进行监控,如果有 ...
最新文章
- 国内首个三维重建系列视频课程,涉及SFM、立体匹配、多视图几何、结构光、单目深度估计等...
- ASP.NET MVC 音乐商店 - 9. 注册和结账
- 盘点:崛起中的九大HTML5开发工具
- 数据中心背后的地缘政治学
- python 遍历listbox_Python仿evething的文件搜索器 !
- php 设置window计划任务,windows下设置计划任务自动执行PHP脚本
- 数组 边界 检查的几种实现方法
- Java之ThreadPoolExcutor和四种常见的线程池
- 分配内存的方法,需要32位对齐
- c语言中参数的传递方式是,C语言函数的参数及传递方式
- 【clickhouse】clickhouse 表引擎之 Merge
- delphi idtcpclient 发送十六进制00_25656红单足球预测 中超 20:00 山东鲁能泰山 VS 大连人...
- Android开发笔记(一百六十四)仿京东首页的下拉刷新
- Linux下iptables 禁止端口和开放端口
- 基于React的AmazeUI-touch使用(如何使用react)
- BackgroundWorker使用总结
- UE4 WebBrowser插件版本
- 【Superset】Jinja模板功能及设置动态参数
- 什么是高端的IPv6?和IPv4有什么差别呢?
- 传奇游戏架设与M2修改常见问题收集(大合集)
热门文章
- RationalDMIS 7.1如何简单有效地创建工件程序?
- IOT_WIFI/LORA/THREAD/ZIGBEE/NFC/RFID/EnOcean
- Qt5学习 模仿qq音乐播放器样式(1)
- 关于爬虫解析数据的4种方式
- 可以这样理解视觉Transformer模型中patch交互的关系
- 微型计算机原理第三版考试,微机原理考试试题及答案分析
- txt文件读取(已解决中文乱码)
- php入门教程ppt,PHP与MySQL入门学习指南.ppt
- 网站用户行为数据统计与分析—埋点统计
- 拿走不谢!268条PCB Layout设计规范全收录