一个山寨优步APP的全过程 编者按:一群搞事情的程序猿山寨优步的APP,他们想干啥呢?一起来看一下吧。
去年,我创办了Codename One Academy,询问我们的团队他们想学些什么。他们的反应倾向强烈,纷纷表示想学学怎么做出来优步这样的APP。一开始我想以优步的风格创造点什么出来,不过最后决定建立一种跟原生APP的看上去非常接近的东西,某种程度上来说几乎一模一样。我的动机在于: 我想让设计看起来更专业一点,跟着市场上排名一等一的公司的设计总没错; 通过了解优步的决策,人们可以学到很多东西——我知道我做到了; 要是一开始我能创造一些与众不同的东西,那我可能给自己带来不可估量的收益。当然,这在现实世界中并不存在。 我用“克隆”一词来表明这种相似度,但绝不意味着跟它跟优步做的一模一样。优步的APP无所不包,在细枝末节上也见得功夫,而我只有一个星期的时间来写所有相关的适用代码……我的目标就是搭起框架来,至于细枝末节,实在是鞭长莫及了。 太长不看版 我有这样一些心得: 优步的安卓和iOS版本是同一批人做的; 安卓版本修复了某些bug,而iOS没有; 尽管安卓和iOS版本有着几乎一样的用户界面,但有一项功能安卓没有iOS却有; 安卓版本的优步不适用原生短信拦截; 优步重功能甚于形式; 对像优步这样的应用来说,迅速做出改变和设计决策的能力很重要; 巧妙借助现有工具,做出像优步那样的APP真的不难。 我学到了什么? 我也没想着要学到很多东西,不过确实了解了一些令我倍感惊讶的事情。其中之一就是优步在iOS系统中的原生APP中,大量使用的原质化设计(material design)。比如:
优步在iOS系统的原生应用 你可注意了,这看起来与安卓版本的APP几乎相同。主要的安卓交互界面元素一应俱全:悬浮按钮、原质化设计文本输入、箭头返回键…… 安卓版本的看着确实和iOS版本一模一样啊! 我一直都以为原生的小部件是通过营造熟悉感来提高参与度的。但其实陈和我一直就这个问题在争论不休,我更推崇“系统原生感”,不过陈更倾向于所有的平台上用户界面都一致。 看来优步是站在陈这一边的了。毕竟它在安卓系统和iOS系统的用户界面设计都出差不多。 仔细想想这也挺有道理,凡事做一遍就行了。你看它们一套班子可以挂两块牌子。只要整个APP都看着正儿八经,直觉什么的都没毛病。 在安卓2.x和iOS6.x这俩操作系统之间的鸿沟大到几乎不可逾越的日子里,在安卓系统的APP里,左上角有一个退出键简直是冒天下之大不韪… 不过现在,即使你不用什么跨平台工具,两者的趋同也能带来不少收益。 切换样式仍有不同 我不知道这是否是有意为之,但是安卓和iOS系统的优步软件的切换方式还是全然不同的。安卓版本版本使用了原质化设计的切换(但我貌似看不出一种主切换方式),相比之下,iOS则表现为覆盖和滑动。 倘若这是刻意而为,那可能说明“感官”居“直观”之上风。我猜他们对此并没有给予足够的关心,不过究竟如何就难以确定了。 漏洞问题 这是安卓系统中,优步的登录界面。
安卓登录界面 同样的界面在iOS系统里看上去差不多,但是存在渲染漏洞。
iOS版本登录界面的渲染漏洞 以防你没发现这个bug,我再提醒一下,是在“请输入你的手机号码”等字样那里出了问题。 优步的肯定做了大量的优化工作,但还是出现了bug,我猜测应该是因为他们太naive,不知道还有国家的国际代码是三位数吧。安卓版本(和我们的山寨版本)处理地都很好,可能是因为安卓在全球比较流行,所以漏洞被修复了吧。 不过针对安卓版本的修复并未移植至iOS版本。 有些功能安卓没有 如果你用的是iOS版的优步,你会发现登录界面背景图案的变换,这给人一种赏心悦目的感觉。 所以我就很好奇为什么它们在安卓版本中不也这样……我怀疑可能是工程师人手不足吧。 针对这个问题,我研究了一阵子,发现了原因,其实还挺明显的,因为矢量图形出了点问题,如果运行那样的变换程序,软件就会报错: “OpenGLRenderer: Path too large to be rendered into a texture” “路经过大,无法渲染。” 我发现唯一的解决办法就是通过绘制新图像来禁用硬件渲染。 糟糕的是想问题出在哪儿还真不容易。渲染路径不会引发异常,只是无法显示。所以我不能退回软件渲染,也不知道路径中究竟出了什么问题。 是坐标出界还是坐标数据有误? 而研究与之相关的安卓代码,也没有多大帮助。 不过不管怎么说,几乎一样的用户界面,有一项功能安卓没有iOS却有,总让人有点不爽。 安卓的短信服务不会被拦截 我最喜欢安卓的一点,是你可以作为开发人员进行低层次的控制。不过这是一把双刃剑,但在某些情况下它好处明显…… (责任编辑:admin) |