为Android开发PhoneGap - 针对不同屏幕尺寸/像素密度的最佳实践

时间:2011-07-14 20:40:34

标签: android html mobile android-layout cordova

我最近在phonegap中完成了iPhone应用程序的开发,我们现在正在完成应用程序的Android版本,我希望转向SO社区,以获得最佳实践中的一些答案,让您的应用程序看起来正确每个设备。我的方法是对所有图像使用sencha.io,并在整个应用程序中使用基于em /百分比的灵活布局,以便根据可用的屏幕空间进行扩展。这种方法是否公平,是否有人 有工作流程或实施建议吗?

提前谢谢你,

JN

1 个答案:

答案 0 :(得分:-1)

为了使您的应用在所有设备上看起来都一样,请使用HTML5和CSS(您已经使用PhoneGap,对吗?)

您必须决定是否希望您的Android应用看起来像您的iPhone应用,或者您希望它在Android应用上看起来不同,或者您希望它看起来像您的应用,无论平台如何。

无论你采取什么样的路线,关键都要使用写得好的HTML和CSS。当我说得好的时候,我的意思是没有任何布局或样式取决于HTML,并使用CSS进行所有布局和样式。

根据我的个人经验,您在百分比/ em上走在正确的轨道上。

至于sencha.io,我从未听说过。但我个人不知道你用CSS和HTML5做什么不能做什么。

请务必尽可能多地测试不同的设备!

作为旁注,我建议不要使用许多图像来帮助用户减少加载时间和数据使用。