Android版式:如何更好地管理不同的屏幕尺寸?

时间:2019-04-30 14:37:46

标签: android-layout xamarin.android android-constraintlayout android-textview-autosize

我在一个包含一些错误屏幕的应用程序上工作,这些错误屏幕基本上具有相同的结构:

  • 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的高度小于固定的文字大小。

这正常吗?我会忘记什么吗?

1 个答案:

答案 0 :(得分:0)

尝试一下,在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修改为项目中所需的适当值。