我在一个包含一些基本上共享相同结构的错误屏幕的应用程序上工作:
- a
AppCompatImageView
: 它包含一个表示遇到错误的图像,该图像可以是“全角”模式,也可以不是 - a
TextView
: 包含与错误相关的说明文字,一般为 2 或 3 行 - a
Button
:它允许用户在错误发生后重试或执行其他操作
在大多数情况下,屏幕显示良好。但是,“旧”设备(分辨率为 1024x768 或更小)存在一些问题。
另外,错误可以显示在标签页中,因此“丢失”了一些空间来显示标题和标签栏。
要管理“全屏”宽度图像,我必须使用ConstraintLayout
这样的:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/color_white">
<android.support.v7.widget.AppCompatImageView
android:id="@+id/ErrorImageView"
app:srcCompat="@drawable/error"
android:layout_width="0dp" android:layout_height="0dp"
app:layout_constraintDimensionRatio="H, 400:300"
android:scaleType="fitCenter" android:cropToPadding="false" android:adjustViewBounds="true"
android:layout_centerHorizontal="true" android:gravity="center_horizontal"
app:layout_constraintTop_toTopOf="parent" android:layout_marginTop="20dp"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent" />
<TextView
android:id="@+id/ErrorTextView"
android:layout_width="0dp" android:layout_height="wrap_content"
android:layout_centerHorizontal="true" android:gravity="center_horizontal"
app:layout_constraintTop_toBottomOf="@id/ErrorImageView" android:layout_marginTop="15dp"
app:layout_constraintStart_toStartOf="parent" android:layout_marginStart="20dp"
app:layout_constraintEnd_toEndOf="parent" android:layout_marginEnd="20dp"
style="@style/Regular24Marine" />
<Button
android:id="@+id/RetryButton"
android:layout_width="200dp" android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/ErrorTextView" android:layout_marginTop="15dp"
style="@style/WhiteButton" />
</android.support.constraint.ConstraintLayout>
为了管理较小的设备,我尝试了两件事:
- 我试图在
layout-hdpi
: 中创建一个克隆布局,但这个布局也用于更大的设备。
有没有办法只为较小的设备指定布局?还是我需要为每个配置复制布局(xhpdi、xxhdpi、...)
- 我也尝试减少边距并
autosizeTextType
使用autoSizePresetSizes
: 但在这种情况下,TextView 的文本被“截断”,TextView 的高度小于固定文本大小。
这是正常的吗?我忘记了什么吗?