正如我们所知,我们可以通过使用 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 吗?
最佳答案
我猜对密度无关像素的真正含义有些误解。因此,我将尝试以一种非常规的方式对其进行解释:
让我们以您的一个按钮为例。您定义了 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
关于android - 多设备布局问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25465109/