兼容不同分辨率/英寸

Question

我正在开发一个应用，但我的约束布局与任何屏幕尺寸都不兼容。

我有一个宽度和高度如下的按钮：

android:layout_width="283dp"
android:layout_height="57dp"

Here's 使用 Google Pixel 的外观。 还有here's 使用 Nexus S 的样子

我还将 apk 发送给了一个拥有 Galaxy J7 (1280x720, 5.5') 的人，但我的按钮、文本视图和图像视图不能很好地适应屏幕，就像 Nexus S (800x480, 4') .

在阅读了文档和其他资源之后，我了解到我可以为不同的屏幕创建不同的布局（例如，hdpi，Nexus S 就是这种情况）。

但看起来问题更多与显示英寸有关，而不是与设备 dpi 相关。 因为 Nexus S 具有 800x480、hdpi 和 4' 屏幕。但是当我换成 800x480、mdpi 和 5.1 英寸的屏幕（多 1.1 英寸）时，它looks 比在 Nexus S 中要好得多，即使 dpi (mdpi) 较低。即使屏幕尺寸（5.1' x 5.5'）和分辨率（800x480 vs 1280x720）更小，它看起来也比 Galaxy J7 真机更好。

那么，它怎么能很好地适应 800x480 5.1' mdpi 屏幕，但不能适应 1280x720 5.5' Galaxy J7 和 800x480 4.0' hdpi 屏幕 (Nexus S)？

另外，如果我创建一个与 Galaxy J7 真实设备（1280x720 和 5.5'）具有相同屏幕规格的虚拟设备，它非常适合，不像真实手机。

Answer 1

我建议你使用 Adob​​e XD 并用它来确定大小

android:layout_width="283dp"
android:layout_height="57dp"

然后提取所有尺寸的图片 然后使宽高 wrap_content 在 XML 文件中

Answer 2

您可以将固定大小（您当前赋予视图的大小）替换为更具响应性的内容。

如果这是您的无响应按钮：

<Button
android:layout_width="200dp"
android:layout_height="400dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

只需将其替换为：

<Button
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintWidth_percent="0.3"
    app:layout_constraintHeight_percent="0.5"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

对于每部手机，无论大小，此按钮都会根据屏幕大小进行调整，并将占用屏幕宽度的30% 和屏幕宽度的50%。 这就是您可以使一个屏幕响应所有屏幕尺寸而不为不同屏幕创建大量布局的方法。

Answer 3

这些图片没问题，本身不是问题。当您手动设置宽度和高度时，通常会发生这种情况。

您可以做的最好的事情是设置正确的约束，然后将宽度和/或高度设置为 0dp。这将使您的视图在不破坏任何约束的情况下尽可能地扩展。这样你仍然会得到不同的宽度和高度，但希望不那么明显。

请注意，如果您将顶部和底部约束设置为父级，并且将高度设置为 0dp，它将扩展以填充其约束，它将填充您的整个父级。

如果需要，您可以使用指南来定位。每部手机的屏幕中间都会显示 50% 的水平线。所以你也可以限制视图。