我在一个包含一些基本上共享相同结构的错误屏幕的应用程序上工作:
AppCompatImageView
:它包含一个代表遇到的错误的图像,这个图像可以是“全宽”模式还是不是TextView
:它包含与错误相关的解释文本,通常包含2或3行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的高度小于固定文本大小。这是正常的吗?我忘了什么吗?
试试看,在Activity.cs中调用OnCreate方法:
setCustomDensity(this, this.Application);
以下假设设计屏幕宽度为360dp并适应宽尺寸。
然后适应密度=设备实际宽度(单位px)/ 360,那么我们只需要在系统中修改我们计算的密度,代码实现如下:
private static void setCustomDensity(Activity activity, Application application)
{
DisplayMetrics appDisplaymetrics = application.Resources.DisplayMetrics;
float targetDensity = appDisplaymetrics.WidthPixels / 360;
int targetDensityDpi = (int)(160 * targetDensity);
appDisplaymetrics.Density = appDisplaymetrics.ScaledDensity = targetDensity;
appDisplaymetrics.DensityDpi = (Android.Util.DisplayMetricsDensity)targetDensityDpi;
DisplayMetrics activityDisplayMetrics = activity.Resources.DisplayMetrics;
activityDisplayMetrics.Density = activityDisplayMetrics.ScaledDensity = targetDensity;
activityDisplayMetrics.DensityDpi = (Android.Util.DisplayMetricsDensity)targetDensityDpi;
}
您可以将360dp修改为项目中所需的合适值。