android - 为多个屏幕规划自定义屏幕布局

Question

我有一个带有 width="match_parent" 的自定义布局。布局由中心的大圆圈和旁边的小圆圈组成。

在我的屏幕上我找到了我喜欢的尺寸，现在我想让它在所有设备上看起来都相似。

我的设备是 Galaxy S8，显示指标报告为:

DisplayMetrics {
    density=3.5,
    width=1440,
    height=2960,
    scaledDensity=2.8,
    xdpi=562.707,
    ydpi=565.293
}

据我所知，我有 411dp 的可用宽度。

对于我的维度

• 中心为 110dp 半径的大圆。
• 旁边的小圆圈 21dp 半径。
• 它们之间的距离为 20dp。

现在我想知道我应该怎么做。我有两个选择。首先是为其他屏幕密度创建单独的值，或者只是将此尺寸转换为百分比并以编程方式进行布局。

我对第一个选项的问题是某些设备(比如我的)具有屏幕缩放功能，这会改变 scaledDensity 使其看起来完全不同。

Answer 1

你可以支持不同的屏幕尺寸使用ConstraintLayout :

ConstraintLayout allows you to create large and complex layouts with a flat view hierarchy (no nested view groups). It's similar to RelativeLayout in that all views are laid out according to relationships between sibling views and the parent layout, but it's more flexible than RelativeLayout and easier to use with Android Studio's Layout Editor.

您可以使用这些属性以百分比指定您的 View 大小:

app:layout_constraintWidth_percent=".5"
app:layout_constraintHeight_percent=".5"

例如，单个按钮的高度和宽度都等于屏幕的 50%:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent">


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

</androidx.constraintlayout.widget.ConstraintLayout>

它看起来像这样:

还有一件事，因为不同的手机有不同的屏幕尺寸，你最好不要在你的 View 上使用固定尺寸(例如50dp)。

我可以推荐使用 ConstraintLayout与 guidelines和 Chains支持不同的屏幕尺寸(除了我上面提到的 - app:layout_constraintWidth_percent 和 app:layout_constraintHeight_percent)。