Question

我们知道，我们可以通过在dp中使用size来为所有类型的设备创建单一布局。我用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

注意：正如您所看到的，虽然dp的高度仍然不同，但N5和N7的分辨率几乎相同。 (640dp vs 960dp)这是因为密度差异(xxhdpi vs xhdpi)。

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

我会尝试用 textSize 来解释它。所以我们假设我们将textSize定义为18sp。这在智能手机上相当大。在7英寸的平板电脑上它仍然可以，但在10英寸的平板电脑上，它非常小。因此，我们不是为所有三个设备创建布局文件，而是定义维度引用。首先，您需要在values-folder中创建dimens.xml并在之后定义维度，例如：

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

在你的布局文件中，你可以像这样引用size-value：

android:textSize="@dimension/my_text_size"

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

注意：如果要重新排列视图，则只需要多个布局文件

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

多个设备上的布局问题

1 个答案: