Question

我正在为我的学校课程开发一些小型Android应用程序，但我遇到了一些设计问题。预览中设备的大小与我的实际手机不同。

下面链接的第一张图片显示了我的手机（Google Pixel）以及我希望它出现的图片。第二张图片显示的是Android Studio（设置为使用Pixel的大小），但我不得不将图像缩小到帧外，以使其显示在手机上。

为什么AS没有为我的手机使用正确的尺寸，有没有办法正确而准确地设置它（我可以手动调整它，但我不能完全匹配）？

Google Pixel截图：

Android Studio截图：

编辑：这是XML代码：

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="dxhhh101.lullabyapp.SplashActivity">

<TextView
    android:id="@+id/txtTitle"
    android:layout_width="412dp"
    android:layout_height="604dp"
    android:background="@drawable/stars"
    android:gravity="bottom|center"
    android:text="@string/txtSplash"
    android:textColor="@android:color/holo_orange_light"
    android:textSize="38sp"
    android:textStyle="bold"
    tools:layout_editor_absoluteX="5dp"
    tools:layout_editor_absoluteY="-33dp" />
</android.support.constraint.ConstraintLayout>

Answer 1

如果删除textview xml中的最后两行，则应在Android Studio中正确显示。但是，我建议您不要为图像使用绝对尺寸，因为您的布局应该与设备无关。此外，您的图像背景不保持原始图像比例。相反，我建议您使用两个不同的布局对象，一个用于背景图像，另一个用于底部的文本。这会像这样说：

<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="dxhhh101.lullabyapp.SplashActivity">

<ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:scaleType="centerCrop"
    android:src="@drawable/stars"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<TextView
    android:id="@+id/txtTitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="bottom|center"
    android:text="@string/txtSplash"
    android:textColor="@android:color/holo_orange_light"
    android:textSize="38sp"
    android:textStyle="bold"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent" />

</android.support.constraint.ConstraintLayout>

对于包含四张图片的新版面，您可以使用chain feature of constraintLayout。如果固定图像宽度适合您，这将是一个例子：

<ImageView
    android:id="@+id/imageView"
    android:layout_width="150dp"
    android:layout_height="0dp"
    android:scaleType="centerCrop"
    android:src="@drawable/chain_help"
    app:layout_constraintBottom_toTopOf="@+id/imageView3"
    app:layout_constraintDimensionRatio="h,1:1"
    app:layout_constraintEnd_toStartOf="@+id/imageView2"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="150dp"
    android:layout_height="0dp"
    android:scaleType="centerCrop"
    android:src="@drawable/chain_help"
    app:layout_constraintBottom_toTopOf="@+id/imageView4"
    app:layout_constraintDimensionRatio="h,1:1"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toEndOf="@+id/imageView"
    app:layout_constraintTop_toTopOf="parent" />

<ImageView
    android:id="@+id/imageView3"
    android:layout_width="150dp"
    android:layout_height="0dp"
    android:scaleType="centerCrop"
    android:src="@drawable/chain_help"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintDimensionRatio="h,1:1"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintEnd_toStartOf="@+id/imageView4"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/imageView" />

<ImageView
    android:id="@+id/imageView4"
    android:layout_width="150dp"
    android:layout_height="0dp"
    android:scaleType="centerCrop"
    android:src="@drawable/chain_help"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintDimensionRatio="h,1:1"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toEndOf="@+id/imageView3"
    app:layout_constraintTop_toBottomOf="@+id/imageView2" />

您可以将guideline设置为设备高度和宽度的50％，而不是使用固定的图像宽度/高度，因此图像始终调整到正确的设备高度和宽度。

Android Studio设计预览的大小不对

1 个答案: