如何解决Android Studio中的布局问题

时间:2020-08-18 09:04:56

标签: android android-studio android-layout apk

这是我手机上的图片: image from my mobile

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.constraintlayout.widget.ConstraintLayout 
    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:visibility="visible"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="110dp"
        android:layout_height="40dp"
        android:text="Miles"
        android:textSize="24sp"
        android:visibility="visible"
        tools:layout_editor_absoluteX="46dp"
        tools:layout_editor_absoluteY="56dp"
        tools:visibility="visible" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="110dp"
        android:layout_height="40dp"
        android:text="Km"
        android:textSize="24sp"
        tools:layout_editor_absoluteX="46dp"
        tools:layout_editor_absoluteY="140dp" />

    <Button
        android:id="@+id/buttonConvMilesToKm"
        android:layout_width="287dp"
        android:layout_height="54dp"
        android:text="Convert Miles To Km"
        android:textSize="18sp"
        tools:layout_editor_absoluteX="62dp"
        tools:layout_editor_absoluteY="209dp" />

    <Button
        android:id="@+id/buttonConvKmToMiles"
        android:layout_width="280dp"
        android:layout_height="60dp"
         android:text="Convert Km To Miles"
        android:textSize="18sp"
        tools:layout_editor_absoluteX="65dp"
        tools:layout_editor_absoluteY="284dp" />

    <EditText
        android:id="@+id/editTextMiles"
        android:layout_width="200dp"
        android:layout_height="50dp"
         android:text="Convert Km To Miles"
        android:textSize="18sp"
        tools:layout_editor_absoluteX="179dp"
        tools:layout_editor_absoluteY="46dp" />

    <EditText
        android:id="@+id/editTextKm"
        android:layout_width="200dp"
        android:layout_height="50dp"
         android:ems="10"
        android:inputType="textPersonName"
        tools:layout_editor_absoluteX="179dp"
        tools:layout_editor_absoluteY="130dp" />
    </androidx.constraintlayout.widget.ConstraintLayout>

这可能是我犯的一个小错误,但是我错过了什么,因此界面似乎重叠了。我正在使用Android Studio进行开发,但是除非我在模拟器或移动设备上运行它,否则参考设计看起来还不错。我想我在布局编码方面没有错,我什至试图改变布局的书写方式

1 个答案:

答案 0 :(得分:0)

您的布局没有任何限制。请查看the documentation的有效ConstraintLayout XML属性,您可以使用这些XML属性在ConstraintLayout中相对于彼此布局视图。您正在寻找layout_constraintStart_toEndOf之类的属性。