• 媒体品牌
    爱范儿
    关注明日产品的数字潮牌
    APPSO
    先进工具,先知先行,AIGC 的灵感指南
    董车会
    造车新时代,明日出行家
    玩物志
    探索城市新生活方式,做你的明日生活指南
  • 知晓云
  • 制糖工厂
    扫描小程序码,了解更多

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

小程序

2016-11-25 18:49

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

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

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

zhiliaoditie1

「知了地铁」功能体验

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

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

1758ab35c461-1

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

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

img_0660

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文由知晓程序原创出品,关注微信号 zxcx0101,回复「上手」获得所有小程序上手体验文章。

快速关注知晓程序↓↓↓

zxcx

知晓程序 微信号 zxcx0101)是爱范儿旗下专注于小程序生态的公众号。我们提供最全面、新鲜的小程序资讯 消息、观点、指南、活动和服务,在这里你能了解到关于小程序的一切。

 

登录,参与讨论前请先登录

评论在审核通过后将对所有人可见

正在加载中