Dp 单位不缩放不同屏幕中的布局

Question

阅读本文 (http://developer.android.com/guide/practices/screens_support.html) 后，我使用 xml 文件中的 dp 单元开发了一个完整的应用程序。但是，当我在不同的屏幕上测试应用程序时，布局要么太大要么太小。

我认为 dp 单元会为我解决这个问题。为什么没有呢？我不想使用 weight 属性，因为一切都已经完成了。

一个xml布局：

<ImageView
    android:layout_width="match_parent"
    android:layout_height="140dp"
    android:src="@drawable/logo3"
    android:scaleType="centerCrop"

    />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/select_level"
    android:textColor="#4cb122"
    android:layout_gravity="center_horizontal"
    android:gravity="center_horizontal"
    android:textSize="20dp"
    android:layout_marginTop="20dp"
    />

<Button
    android:background="@drawable/red_button"
    android:layout_width="200dp"
    android:layout_height="55dp"
    android:layout_gravity="center_horizontal"
    android:layout_marginTop="25dp"
    android:text="@string/easy"
    android:textSize="15dp"
    android:onClick="playEasy"
    style="custom_button"
    />

<Button
    android:background="@drawable/green_button"
    android:layout_width="200dp"
    android:layout_height="55dp"
    android:layout_gravity="center_horizontal"
    android:layout_marginTop="10dp"
    android:text="@string/medium"
    android:textSize="15dp"
    android:onClick="playMedium"
    style="custom_button"
    />

<Button
    android:background="@drawable/blue_button"
    android:layout_width="200dp"
    android:layout_height="55dp"
    android:layout_gravity="center_horizontal"
    android:layout_marginTop="10dp"
    android:textSize="15dp"
    android:text="@string/unbeatable"
    android:onClick="playUnbeatable"
    style="custom_button"
    />

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:layout_marginTop="113dp"
    android:textSize="15dp"
    android:textColor="@color/secondTextColor"
    android:text="@string/developed_by"
    />

我能做什么？谢谢！

Answer 1

将 dp 用于尺寸并不是真正适合此问题的所有解决方案。

请注意，您应该尽可能使用布局粗细，并且通常一个 dp 值应该适用于所有屏幕尺寸。但是，有时您会遇到导致问题的边缘情况，您只需要做一些事情以使其正常工作（例如，我必须使用这种技术在 TabLayout 中的选项卡上正确定位所有屏幕尺寸的徽章)。

我要做的就是为每个支持的屏幕尺寸放置一个dimens.xml 文件：

• res/values-small/dimens.xml

• res/values-normal/dimens.xml

• res/values-large/dimens.xml

• res/values-xlarge/dimens.xml

如果需要，您也可以使用其他限定符来定位平板电脑，see here for a guide to configuration qualifier names。

然后，为每个文件中的每个屏幕尺寸限定符指定每个尺寸（请注意，这只需要对在非常大或非常小的屏幕上导致问题的尺寸值执行此操作）。

例如在 res/values-large/dimens.xml 你可能有这个：

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <dimen name="image_view_height">140dp</dimen>

</resources>

然后在 res/values-small/dimens.xml 中，您可能会使用它来使其适合较小的屏幕：

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <dimen name="image_view_height">96dp</dimen>

</resources>

然后，在您的布局中，使用@dimen/your_dimens_id 引用它，框架会根据设备的屏幕尺寸选择正确的：

<ImageView
    android:layout_width="match_parent"
    android:layout_height="@dimen/image_view_height"
    android:src="@drawable/logo3"
    android:scaleType="centerCrop"

    />