小程序上手实测:让你一秒查询全国地铁线路,超简单!

前段时间,知晓程序分享了「知了交通」和「苹果购物指南」这两个小程序的上手功能体验和开发经验。

关注微信号 zxcx0101,回复「上手」,获得这两款小程序的上手体验报告。

今天,我们要给大家带来爱范儿开发的另一款小程序——「知了地铁」。

「知了地铁」功能体验

「知了地铁」是一款提供了全国地铁线路图参考的小程序。它的功能非常简洁:

一进入首页,你就能看到当前所在城市的地铁线路图。点击上方的城市栏,还能切换到国内其他城市。

目前,「知了地铁」集合了全国 23 个城市的最新地铁线路图,不论你去到哪个陌生城市,都不用担心会地铁站里迷路。

在「知了地铁」中,你可以对地铁线路图进行缩放和移动。

「知了地铁」提供了两种常见的缩放方式:

  • 双指手势缩放
  • 双击缩放

但囿于微信小程序在元素实现方面还有 bug,目前缩放功能的体验还不能做到特别完美。这一点,「知了程序」的开发者严灏接下来会详细说明。

想知道如何在微信小程序实现手势缩放?关注知晓程序微信号 zxcx0101,之后我们会推送严灏的教程文章。

对于生活在地铁网密集的大城市的人来说,「知了地铁」算是一款轻量且实用的小程序。

为什么要开发「知了地铁」?

爱范儿的产品总监李本卿表示,当张小龙宣布要推出应用号(小程序)时,就有打算做一款能让用户「用完即走」的产品。

而「知了地铁」正是一款这样简单实用的小程序,它能让人在乘坐地铁时,轻松了解一个城市的整体地铁线路图。

「知了地铁」的开发者严灏也认为这是一个很实用的工具。以前他在深圳时,地铁卡的背面就有深圳地铁线路图,但广州的羊城通(地铁卡)上并没有。

所以,当去一个要转几次地铁线路的目的地时,查找路线就变得非常麻烦。严灏认为:

也不需要去打开地图 app,有一张线路图看看,问题就解决了。

「知了地铁」开发经验分享

「知了地铁」的开发过程并不顺利。

开发者严灏表示,整体开发工作其实一天就完成了,但为了实现更好的效果和体验,他又花费了一两周的时间,修复手势缩放的问题。

他表示,在微信小程序的 API 中有获取用户触摸屏幕事件的函数,通过这个函数可以获取到用户触摸屏幕坐标的对象。而通过持续性捕捉坐标变化,小程序就能实现手势缩放。

但可惜的是,小程序目前还无法实现完美的手势缩放

例如,在使用「知了地铁」时,会出现缩放点不在两只手指中心的情况。在移动或缩放地图的时候,界面也会闪动,甚至会出现「缩放不跟手」的情况。

严灏尝试了各种方法解决这个问题。

包括调整抓取间隔为 16 毫秒等方法都试过了,最终的效果却不尽如人意。

后来严灏发现,这个问题是微信小程序的 bug。

虽然在文档里写的可以做都是「理论上可以做」,跟「实际上能不能做」完全是两码事。

之后,严灏为「知了地铁」新增了双击放大的功能,使用体验比手势缩放稍微好一些。但若要实现完美的用户体验,还需要等微信团队来修复。

本期的小程序分享就到这里了,如果你想跟开发者严灏交流小程序开发经验,请关注微信号 zxcx0101,点击底部菜单栏的「加群交流」,获取加群方式。

另外,再告诉大家一个好消息,知晓程序很快就要推出小程序公开体验活动,想在自己手机上体验小程序的朋友,还请密切关注我们的推送。

原文发布于微信公众号 - 知晓程序(zxcx0101)

原文发表时间:2016-11-25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web前端教室

【怎么学】又有人问我,零基础怎么学?

不要急,不要气,忍住头疼,慢慢写来慢慢说。 今天又有人加我, -问我,“老尚,我想问问前端的事”; 我,“问”; -对方:“零基础怎么学前端?”; 我,“先行者...

3288
来自专栏ThoughtWorks

TW洞见|为什么你的Scrum会失败?(二)

内容转自:http://liguanglei.name/blogs/2015/05/05/why-your-scrum-failed-ii/文章作者来自Tho...

2847
来自专栏编程

如何做有效的代码走查

每天读一篇一线开发者原创好文 ▍作者简介 丁一:无线研究院敏捷教练,技术爱好者,喜欢阅读和分享,致力于让敏捷管理实践和技术实践在团队中更好的落地。 代码走查,英...

37413
来自专栏CreateAMind

提问的智慧 How To Ask Questions The Smart Way 脑图和文章

在黑客的世界里,当你拋出一个技术问题时,最终是否能得到有用的回答,往往取决于你所提问和追问的方式。本指南将教你如何正确的提问以获得你满意的答案。

1153
来自专栏用户2442861的专栏

JAVA月薪两万的一些讨论

作者:匿名用户 链接:https://www.zhihu.com/question/39890405/answer/83676977 来源:知乎 著作权归...

1041
来自专栏北京马哥教育

一共56个,盘点最实用的大数据可视化分析工具

一、Excel Excel作为一个入门级工具,是快速分析数据的理想工具,也能创建供内部使用的数据图,但是Excel在颜色、线条和样式上课选择的范围有限,这也意味...

3237
来自专栏邹立巍的专栏

什么是 Docker ?

关于 Docker 是什么,有个著名的隐喻:集装箱。但是它却起了个“码头工人”(docker 的英文翻译)的名字。

12.4K21
来自专栏AI研习社

我们率先试用了苹果iOS 10系统,这5个方面的体验你应该会感兴趣

编者注:本文作者于航(spell),@Salesforce高级产品设计,曾助力微软,亚马逊,HTC,Citrix及若干创业公司的产品设计。 ? 万众期待的苹果开...

3375
来自专栏Vamei实验室

Python简史

Python是我喜欢的语言,简洁,优美,容易使用。前两天,我很激昂的向朋友宣传Python的好处。 听过之后,朋友问我:好吧,我承认Python不错,但它为什么...

1828
来自专栏新智元

谷歌开源交互式可视化 GPS 数据库(附 20+数据集)

【新智元导读】谷歌研究院官方博客(北京时间)今日更新,宣布开源与哈佛大学等高校和机构合作完成的一个交互式可视化 GPS 地球地震周期物理学数据库。不仅如此,本文...

3516

扫码关注云+社区