Android Studio，不同的預覽和模擬器

Question

第一張圖片是預覽的樣子;但是，當我運行模擬器時，它看起來像第二張圖片。我不確定它爲什麼會發生。順便說一下，我正在製作一個簡單的drumbox應用程序。

預覽

模擬器

爲activity_main.xml中的代碼是

<Button 
android:id="@+id/bass" 
android:layout_width="150dp" 
android:layout_height="250dp" 
android:text="1" 
tools:layout_editor_absoluteX="25dp" 
tools:layout_editor_absoluteY="10dp" /> 

<Button 
android:id="@+id/snare" 
android:layout_width="150dp" 
android:layout_height="250dp" 
android:text="2" 
tools:layout_editor_absoluteX="200dp" 
tools:layout_editor_absoluteY="10dp" /> 

<Button 
android:id="@+id/closedhihat" 
android:layout_width="150dp" 
android:layout_height="250dp" 
android:text="3" 
tools:layout_editor_absoluteX="25dp" 
tools:layout_editor_absoluteY="250dp" /> 

<Button 
android:id="@+id/hitom" 
android:layout_width="150dp" 
android:layout_height="250dp" 
android:text="4" 
tools:layout_editor_absoluteX="200dp" 
tools:layout_editor_absoluteY="250dp" /> 

</android.support.constraint.ConstraintLayout> 

誰能幫助？

Answer 1

請檢查我的回答這個問題：https://stackoverflow.com/a/46552928/4483200

主要工具：layout_editor_absoluteX =「200dp」僅指編輯器中，ConstraintLayout位置應該就其他元素或佈局的父。檢查我的例子。

希望它有幫助

Answer 2

您的問題在於此代碼。

tools:layout_editor_absoluteX="200dp" 
tools:layout_editor_absoluteY="250dp" 

工具可以告訴Android Studio哪些屬性在運行時被忽略並且僅在設計佈局時有效。

例如，我們希望android:text屬性僅在佈局預覽中工作，因此您可以像這樣做tools:text="I am a text"。

就像代碼中的tools:layout_editor_absoluteY="250dp"一樣。

在您的代碼中試試這個。

<?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"> 

<Button 
    android:id="@+id/bass" 
    android:layout_width="150dp" 
    android:layout_height="250dp" 
    android:text="1" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toLeftOf="@id/snare" 
    app:layout_constraintTop_toTopOf="parent" /> 

<Button 
    android:id="@+id/snare" 
    android:layout_width="150dp" 
    android:layout_height="250dp" 
    android:text="2" 
    app:layout_constraintLeft_toRightOf="@id/bass" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintTop_toTopOf="parent" /> 

<Button 
    android:id="@+id/closedhihat" 
    android:layout_width="150dp" 
    android:layout_height="250dp" 
    android:text="3" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toLeftOf="@id/hitom" /> 

<Button 
    android:id="@+id/hitom" 
    android:layout_width="150dp" 
    android:layout_height="250dp" 
    android:text="4" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintLeft_toRightOf="@id/closedhihat" 
    app:layout_constraintRight_toRightOf="parent" /> 

</android.support.constraint.ConstraintLayout> 

輸出

注意

ConstraintLayout屬性

• layout_constraintLeft_toLeftOf
• layout_constraintLeft_toRightOf
• layout_constraintRight_toLeftOf
• layout_constraintRight_toRightOf
• layout_constraintTop_toTopOf
• layout_constraintTop_toBottomOf
• layout_constraintBottom_toTopOf
• layout_constraintBottom_toBottomOf
• layout_constraintBaseline_toBaselineOf
• layout_constraintStart_toEndOf
• layout_constraintStart_toStartOf
• layout_constraintEnd_toStartOf
• layout_constraintEnd_toEndOf