Android Studio 的设计视图和设备上的按钮之间的距离不匹配有什么原因吗？

Question

这是我在布局文件中使用的代码。我使用 Material 组件作为主题样式。这里我同时使用了材质组件按钮和按钮，但我认为由于我的主题风格，它们都转换为材质按钮：

<?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"
tools:context=".MainActivity">

<Button
    android:id="@+id/createAccountBtn"
    android:layout_width="238dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="86dp"
    android:layout_marginTop="35dp"
    android:layout_marginEnd="87dp"
    android:layout_marginBottom="318dp"
    android:text="@string/create_account"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/signInBtn" />

<Button
    android:id="@+id/signInBtn"
    android:layout_width="237dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="89dp"
    android:layout_marginTop="282dp"
    android:layout_marginEnd="85dp"
    android:layout_marginBottom="14dp"
    android:text="@string/common_signin_button_text"
    app:layout_constraintBottom_toTopOf="@+id/createAccountBtn"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

Answer 1

显然我需要对

layout_width

和

layout_height

使用match_parent和wrap_content属性。您可以在此处查看有关与 ConstraintLayout 一起使用的文档：https://developer.android.com/training/multiscreen/screensizes

但我建议使用 LinearLayout 作为 ConstraintLayout 在我的情况下表现仍然很糟糕，因为我必须以精确的 dps 定义边距属性，这可能与特定的屏幕尺寸不对齐。我在下面添加了 LinearLayout 解决方案，它在纵向和横向模式下也按我的预期工作：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="16dp"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/createAccountBtn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/create_account" />

    <Button
        android:id="@+id/signInBtn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/common_signin_button_text"/>
</LinearLayout>

Answer 2

模拟器型号和您设计应用程序的型号可能不同！

请检查并恢复。