android - 多设备布局问题

Question

正如我们所知，我们可以通过使用 dp 中的大小为所有类型的设备创建单一布局。我用 dp 创建了一个 xml，但它在其他所有设备上显示不同，如 7'、10' 选项卡、5.4、5.1 3.7 等。

我已将文件放在“layout”文件夹中，现在为了支持所有这些设备，我必须为所有设备创建不同的布局文件夹，这很难维护，即使我也创建了 hdpi、xhdpi 等，但仍然很多需要创建布局。请在下面找到 xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
  android:id="@+id/ans4"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_orange"
tools:context="com.kids.kidsmath.MainActivity"
tools:ignore="MergeRootFrame" >

<Button
    android:id="@+id/mathCalculation"
    android:layout_width="250dp"
    android:layout_height="40dp"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="104dp"
    android:background="@drawable/curve_shape"
    android:onClick="openMa"
    android:text="Play "
    android:textColor="#000000"
    android:textSize="20sp"
    android:textStyle="bold"
    android:typeface="sans" />

<Button
    android:id="@+id/learnCounting"
    android:layout_width="250dp"
    android:layout_height="40dp"
    android:layout_alignLeft="@+id/mathCalculation"
    android:layout_alignRight="@+id/mathCalculation"
    android:layout_below="@+id/mathCalculation"
    android:layout_marginTop="46dp"
    android:background="@drawable/curve_shape"
    android:onClick="openL"
    android:text="Lg"
    android:textColor="#000000"
    android:textSize="20sp"
    android:textStyle="bold"
    android:typeface="sans" />

<Button
    android:id="@+id/greatersmaller"
    android:layout_width="250dp"
    android:layout_height="40dp"
    android:layout_alignLeft="@+id/learnCounting"
    android:layout_alignRight="@+id/learnCounting"
    android:layout_below="@+id/learnCounting"
    android:layout_marginTop="40dp"
    android:background="@drawable/curve_shape"
    android:onClick="openS"
    android:text="Gr"
    android:textColor="#000000"
    android:textSize="20sp"
    android:textStyle="bold"
    android:typeface="sans" />


</RelativeLayout>

如果我在这个 xml 中做错了，请帮助我。我们还需要为所有人定义不同的 xml 吗？

Answer 1

我猜对密度无关像素的真正含义有些误​​解。因此，我将尝试以一种非常规的方式对其进行解释:

让我们以您的一个按钮为例。您定义了 android:layout_width="250dp"。因此，无论分辨率如何，您的按钮在每个 5"设备上都将具有相同的宽度。相对于实际可用宽度，它在 7"或 10"上的宽度不会相同。为了让事情更清楚一些，我们将 Nexus 5、7 和 10 的 dp 分辨率与 px 分辨率进行比较。

Nexus 5   1920x1080px   640x360dp
Nexus 7   1920x1200px   960x600dp
Nexus 10  2560x1600px   1280x800dp

注意:如您所见，N5 和 N7 的分辨率几乎相同，但 dp 中的高度仍然有很大差异。 (640dp vs 960dp)这是因为密度差异(xxhdpi vs xhdpi)。

那么，您可以做些什么来优化各种设备的布局？好吧，正如您已经说过的，所有设备的布局文件夹都很难维护，特别是如果您以后想更改布局中的某些内容。这就是为什么您应该使用维度文件。 (Link)

我将尝试用 textSize 来解释它。假设我们将 textSize 定义为 18sp。这在智能手机上相当大。在 7"平板电脑上它还可以，但在 10"平板电脑上它非常小。因此，我们没有为所有三个设备创建布局文件，而是定义了一个尺寸引用。首先，您需要在您的值文件夹中创建一个 dimens.xml，然后定义维度，例如:

<dimen name="my_text_size">18sp</dimen>

在您的布局文件中，您像这样引用大小值:

android:textSize="@dimension/my_text_size"

为了适应不同设备的文本大小，您创建了一个 values-sw600dp(由 Nexus 7 使用)和一个 values-sw720dp(由 Nexus 10 使用) ) 文件夹。然后将 dimens.xml 复制到两个文件夹并将值更改为例如22sp (@sw600dp) 和 26sp (@720dp)。现在您的布局已针对智能手机和平板电脑进行了优化，无需创建多个布局文件。

注意:如果您想重新排列 View ，您只需要多个布局文件

以下 android-developer 页面也应该有帮助:Supporting multiple screens和 Designing for multiple screens