针对各种设备和屏幕尺寸的最佳实践

Question

如您所知，今天的 Android 有很多版本、很多构造函数、很多屏幕尺寸……

对于今天的开发人员来说，编写针对大部分设备的程序非常困难。

开发人员必须了解的做法是什么？

• 流畅布局的技巧。
• 在任何 Android 版本上进行开发的“标准”。
• ...

还有其他想法吗？

Answer 1

对于布局

首先，您应该首先阅读官方 支持多屏幕最佳实践。那里有很多很好的提示，以及关于您需要在兼容性方面寻找什么的一般想法。

我发现一件事非常有帮助，这似乎很明显，那就是在各种大小的模拟器中实际测试您的布局。当扩展到 1024x768 时，您的布局看起来如何（即使没有设备具有这样的分辨率）？如果它超级小而且是方形的呢？查看布局如何拉伸/收缩将帮助您调整它以更好地适应所有屏幕。

layout_weight

在布局中，android:layout_weight 是一个功能强大但记录不足的属性。使用它，您可以创建布局，其中组件的大小按彼此的百分比进行调整。

例如：

<LinearLayout android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <EditText android:layout_weight="80" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <Button android:layout_weight="20"
        android:text="Button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content />
</LinearLayout>

在此布局中， 将占用可用宽度的 80%，而 将占用 20%可用宽度的%。显然，应该谨慎使用，以便所有物品即使很小也仍然可以使用。

另一个有用的布局实践是将布局的常见部分捆绑到单独的文件中，并使用 包含它们。这样，您就可以在布局的其他部分（例如，横向）进行洗牌，而不必保留布局的整个并行版本。

Answer 2

到目前为止我唯一发现的是：

1. 尽可能开发到最低的 SDK 版本。我的目标是 2.2，但只使用 1.6 中的 API，到目前为止（接触木头）效果很好。由于清单驱动，您仍然可以支持备份和将应用程序移动到 SD 卡等功能。
2. 对于非常小的屏幕，您可能需要单独的布局。使用模拟器，我发现仅仅减小图形的大小并不能使布局可用 - 您需要重新排列和删除一些元素。
3. 有时，您需要为纵向模式和横向模式使用单独的布局 - 但通常纵向在横向模式下效果很好。

看看其他人怎么说会很有趣 - 特别是在为不同密度提供多个可绘制资源方面。我无法找出为什么有时需要使用 -hdpi 而有时却不能在 hdpi 屏幕上获得良好的结果。

Answer 3

我倾向于使用仅在从移动设备访问应用程序时才包含的移动样式表。此样式表通常应用最小宽度（取决于用户和设备要求），并将内容填充到屏幕宽度的 100%。

其他建议：

• 针对移动设备的登陆页面，已采取
  完全通过菜单和搜索完成
  框
• 评估哪些内容对移动用户实际上很重要，并专注于该内容
• 没有死胡同 - 即使搜索返回零结果，也可以轻松继续（新搜索、页面建议）
• 地理位置（如果适用）（即
  谷歌地图显示商店位置
  附近）
• 如果可能的话在各种设备上进行测试（即
  黑莓原生浏览器趋于
  jquery 有困难）

Answer 4

我同意约翰尼的观点，使用移动样式表。例如：

<link rel="stylesheet" href="screen.css" media="screen"/>
<link rel="stylesheet" href="handheld.css" media="handheld"/>

但是，无论您在页面底部做什么，都允许用户在两​​者之间进行交换。例如，许多“移动”网站在底部包含一个用于查看“完整”网站的链接。通过这种方式，用户可以对其设备的功能做出有意识的决定。