我应该使用哪个模拟器来适配华为Y300和Y530手机?

5
我正在尝试模拟华为Y530手机。根据此网站的规格说明:

屏幕分辨率:480 x 854像素,4.5英寸(~218 ppi像素密度)

这是我的WEB APP在实际设备上的显示:

enter image description here

而这是在模拟器上的显示,使用以下规格:

目标:Android 4.3 - API Level 18
设备:4英寸WVGA(Nexus S)(480x800高分屏)

enter image description here

虽然两个设备的高度有所不同,但我仍认为模拟器应该显示类似于实际设备的内容。

我尝试用以下代码找到真实设备的innerWidthinnerHeight

var viewportwidth;
var viewportheight;

 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
alert (viewportwidth);
alert(viewportheight);

结果是宽度为320像素,高度为544像素。
模拟器上的innerWidth为480像素,innerHeight为756像素。
由于真实设备宽度为320像素,因此我尝试使用以下规格的模拟器:
屏幕:3.2英寸QVGA(ADP2)(320 x 480 mdpi)
结果如下图所示: enter image description here

我在这篇文章中找到了类似的内容:https://dev59.com/tWHVa4cB1Zd3GeqPoqX1但是没有“分辨率”选项。 - Kenci
2个回答

0

如果应用程序仅针对此特定手机开发,则始终可以创建新的模拟器。所附图像模拟了华为Ascend Y530手机的确切属性。

New Emulator Screen

如果应用程序是为不同屏幕尺寸的手机开发的,我会查看布局的xml文件。注意以下属性,例如将表单小部件放置在其他小部件的相对位置上。例如:对于丹麦国旗,使用android:layout_toRightOf="@+id/ukFlag"。实际上,您可以玩弄几个布局参数,直到获得正确的布局:

  • Layout_toLeftOf
  • Layout_toRightOf
  • Layout_above
  • Layout_below

您还可以设置小部件的定位方式,可以是左对齐、右对齐或居中。

希望这能帮助您更好地理解:Android布局


你好。感谢您的回答。这是一个使用Cordova开发的Web应用程序,因此我不确定Android布局是否适用。但是,我会尝试使用该图像并查看发生了什么。 - Kenci
个人而言,我一直使用 Eclipse 来开发应用程序,但我猜 Cordova 使用某种 XML 布局作为 Android 的默认值。 - Michele La Ferla
Cordova是一个使用HTML、CSS和JavaScript构建本地移动应用程序的平台。我通过SDK管理器下载了Android 1.5,但它在目标下没有显示出来。此外,我只能选择armeabi-v7a作为CPU。你有什么建议吗? - Kenci
Android 1.5已经过时了。我建议您下载一个更新的版本(建议使用2.3或更高版本,因为大多数Android手机都可以在这些操作系统上运行)。使用armeabi-v7a作为CPU是很好的选择。 - Michele La Ferla

-2

不知道你的应用程序是如何实现的,但似乎你正在使用像素等固定单位来指定大小。由于这个项目是一个 Web 应用程序,也许你应该考虑使用所谓的 响应式设计 方法。这样,你的内容可以根据屏幕大小进行调整。

我会给你一些有用的文章,让你了解更多:


我已经使用了媒体查询。例如,@media screen and (min-device-width : 320px) and (max-device-height: 900px)- 但正如您在截图中所看到的那样,实际设备显示的内容与模拟器显示的内容有很大的差异。 - Kenci
嗯,我相信这与模拟器本身无关。华为Y530使用的安卓版本是什么? - Aldo Borrero

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接