小程序上手实测：让你一秒查询全国地铁线路，超简单！

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

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

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

「知了地铁」功能体验

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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