利用phonegap和原生Android，制作七夕表白神器（附Android源码）

        最近闲来无事，偶然从最代码（http://www.zuidaima.com/）找到一个应景（七夕）的html5页面特效，看了一看，觉得尽管在PC上效果挺好的，但是如果把这个东西放到手机上，单身程序员找到女朋友的概率大增，有对象的程序员能够让对象更爱你，绝对的表白神器有木有？想到就要做到，我开始了我的“工作”。

        将html5移植到手机，最成熟最快捷的做法就是用phonegap了，本人屌丝一个，只用得起Android手机，就从phonegap官网下载了一个zip版本包，开始了移植。在这之前，需要做的准备有：一台装有Windows 7及以上系统的电脑（运行内存4G及以上、CPU别太烂就行）、jre 6.0以上的版本、Android tools最新版或者ADT（32位的就足够了）、一台能进入开发者模式和进行USB调试的手机（比如小米2S）和数据线。准备工作做好以后，开始工作。

        第一步，配置phonegap，这个步骤比较恶心，环境配置这种东西太复杂，很可能一两天还配不到最好，我提供两种捷径：第一个是利用Adobe的Dreamweaver，最新版本都是支持phonegap的，可以直接创建phonegap程序，无需配置环境；第二种更方便，由于phonegap实质上是对各种html脚本封装后和手机硬件相关联的扩展脚本而已，无需繁琐配置，当你准备工作做好，将phonegap版本包中的Android样例工程解压出来，用ADT导入就行了。工程建立好，只需要将www目录下的东西替换过去就行了，移植成功，收工。

        但是如果事情就是这么简单，也就不值得我再发一篇博客了，html5移植到手机，我之前有写过一篇用phonegap将捕鱼达人网页版移植到手机上的博客，但是当时我并没有注意到屏幕显示布局和无声音的问题，今天我主要讲的就是如何解决这两个问题（本文不讲代码）。首先是屏幕显示和布局，原来的html5页面是针对PC端的，对应到手机端，首先应该是横屏显示；其次是页面的宽高比是1440:900，手机一般很难达到这个比例，经过测试发现修改比例不管用，尝试了很多方法都不行，无法显示全部画面，或者就是只显示上半部分不显示下半部分，最后我将目标放在了原页面的全局layout上，这个东西相当于是页面