Java 应用程序在Emulator和Preview中看起来不同

我是android开发新手，在android Studio上创建了一个应用程序。当我在我的设备上使用ADB运行它时，该应用程序并不像我在Android Studio预览中看到的那样显示

以下是我的XML代码：

<?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"
    android:background="@drawable/bg">

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="40dp"
    android:background="@layout/radius_for_text"
    android:padding="10dp"
    android:text="@string/app_name"
    android:textColor="#ffff"
    android:textSize="25sp"
    android:textStyle="bold"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<ImageButton
    android:id="@+id/imageButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="20dp"
    android:background="@layout/first_btn"
    android:padding="30dp"
    app:layout_constraintEnd_toStartOf="@+id/imageButton2"
    app:layout_constraintTop_toTopOf="@+id/imageButton2"
    app:srcCompat="@drawable/hello_world" />

<ImageButton
    android:id="@+id/imageButton2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="41dp"
    android:layout_marginEnd="68dp"
    android:background="@layout/first_btn"
    android:padding="30dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/textView3"
    app:srcCompat="@drawable/pass_gen" />

<TextView
    android:id="@+id/textView6"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:layout_marginBottom="12dp"
    android:text="@string/password_generator"
    android:textColor="#000"
    android:textSize="12dp"
    android:textStyle="bold"
    app:layout_constraintBottom_toBottomOf="@+id/imageButton2"
    app:layout_constraintStart_toStartOf="@+id/imageButton2" />

<ImageButton
    android:id="@+id/imageButton3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@layout/first_btn"
    android:padding="30dp"
    app:layout_constraintStart_toStartOf="@+id/imageButton"
    app:layout_constraintTop_toTopOf="@+id/imageButton4"
    app:srcCompat="@drawable/blog" />

<ImageButton
    android:id="@+id/imageButton4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="21dp"
    android:background="@layout/first_btn"
    android:padding="30dp"
    app:layout_constraintStart_toStartOf="@+id/imageButton2"
    app:layout_constraintTop_toBottomOf="@+id/imageButton2"
    app:srcCompat="@drawable/website" />

<ImageButton
    android:id="@+id/imageButton5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@layout/first_btn"
    android:padding="30dp"
    app:layout_constraintStart_toStartOf="@+id/imageButton3"
    app:layout_constraintTop_toTopOf="@+id/imageButton6"
    app:srcCompat="@drawable/creators" />

<ImageButton
    android:id="@+id/imageButton6"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="22dp"
    android:background="@layout/first_btn"
    android:padding="30dp"
    app:layout_constraintStart_toStartOf="@+id/imageButton4"
    app:layout_constraintTop_toBottomOf="@+id/imageButton4"
    app:srcCompat="@drawable/ic_email_black_24dp" />

<TextView
    android:id="@+id/textView4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="9dp"
    android:layout_marginBottom="9dp"
    android:text="@string/hello_t"
    android:textColor="#000000"
    android:textStyle="bold"
    app:layout_constraintBottom_toBottomOf="@+id/imageButton"
    app:layout_constraintEnd_toEndOf="@+id/imageButton" />

<TextView
    android:id="@+id/textView7"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="17dp"
    android:layout_marginBottom="10dp"
    android:text="Blog - News"
    android:textColor="#000"
    android:textStyle="bold"
    app:layout_constraintBottom_toBottomOf="@+id/imageButton3"
    app:layout_constraintEnd_toEndOf="@+id/imageButton3" />

<TextView
    android:id="@+id/textView8"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="16dp"
    android:layout_marginBottom="10dp"
    android:text="Visit Website"
    android:textColor="#000"
    android:textStyle="bold"
    app:layout_constraintBottom_toBottomOf="@+id/imageButton4"
    app:layout_constraintEnd_toEndOf="@+id/imageButton4" />

<TextView
    android:id="@+id/textView9"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="11dp"
    android:layout_marginBottom="11dp"
    android:text="Creators Team"
    android:textColor="#000"
    android:textStyle="bold"
    app:layout_constraintBottom_toBottomOf="@+id/imageButton5"
    app:layout_constraintStart_toStartOf="@+id/imageButton5" />

    <TextView
        android:id="@+id/textView10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="20dp"
        android:layout_marginBottom="11dp"
        android:text="Contact Us"
        android:textColor="#000"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="@+id/imageButton6"
        app:layout_constraintStart_toStartOf="@+id/imageButton6" />
    </androidx.constraintlayout.widget.ConstraintLayout>

我的设备的照片：

android studio设计预览照片：

编辑：谢谢你的回答，我会解决的

在模拟器上，渐变通常看起来很糟糕，所以它不应该打扰你

您的布局“未居中”，因为您硬编码了边距等。例如，为了使其居中，您可以使用链。这是一个简单的例子：

结果（仿真器|预览）：


在模拟器上，渐变通常看起来很糟糕，所以它不应该打扰你
您的布局“未居中”，因为您硬编码了边距等。例如，为了使其居中，您可以使用链。这是一个简单的例子：


结果（仿真器|预览）：

每个设备都有不同的DPI。它可能在预览中看起来不错，但如果AVD有320dpi（xhdpi）960dp x 600dp，它也可能看起来很糟糕。分辨率和屏幕密度不同。如果您有物理设备，请在play store中下载DevCheck，以了解您的屏幕密度。
每个设备都有不同的DPI。它可能在预览中看起来不错，但如果AVD有320dpi（xhdpi）960dp x 600dp，它也可能看起来很糟糕。分辨率和屏幕密度不同。如果您有物理设备，请在play store中下载DevCheck，以了解您的屏幕密度。
抱歉，我看不出两个图像之间有任何差异。只是因为屏幕大小/分辨率不同，外部边框的宽度不同。那么我如何才能使其响应？我们需要查看您的背景，以便了解其混乱的原因。抱歉，我看不到两幅图像之间有任何差异。只是因为屏幕大小/分辨率不同，外部的边框宽度不同。那么我如何才能使其响应？我们需要看到您的背景，才能知道为什么会出现混乱。
<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageButton
        android:id="@+id/imageButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:padding="30dp"
        app:layout_constraintEnd_toStartOf="@+id/imageButton2"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/ic_launcher_background" />

    <ImageButton
        android:id="@+id/imageButton2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:padding="30dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/imageButton"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/ic_launcher_background" />

</androidx.constraintlayout.widget.ConstraintLayout>