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