Android Studio, problem z ułożeniem elementów

Question

Cześć, mam problem z ułożeniem elementów. Pisze apkę na androida. I mam taki problem.

W android studio wszystko jest ułożone pod sobą.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <Button
        android:id="@+id/zaloguj"
        android:layout_width="250dp"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="220dp"
        android:text="Zaloguj"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.47"
        app:layout_constraintStart_toStartOf="parent"
        tools:ignore="MissingConstraints"
        tools:layout_editor_absoluteY="228dp" />

    <Button
        android:id="@+id/button2"
        android:layout_width="250dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/zaloguj"
        android:layout_alignParentStart="true"
        android:layout_centerHorizontal="true"
        android:layout_marginStart="78dp"
        android:layout_marginTop="46dp"
        android:text="Kalkulator"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.468"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

        <Button
            android:id="@+id/button3"
            android:layout_width="241dp"
            android:layout_height="wrap_content"
            android:layout_below="@+id/button2"
            android:layout_centerHorizontal="true"
            android:layout_marginStart="78dp"
            android:layout_marginTop="50dp"
            android:text="O projekcie"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.465"
            app:layout_constraintStart_toStartOf="parent"
            tools:ignore="MissingConstraints"
            tools:layout_editor_absoluteY="451dp" />

        <Button
            android:id="@+id/button4"
            android:layout_width="245dp"
            android:layout_height="53dp"
            android:layout_below="@+id/button3"
            android:layout_alignParentEnd="true"
            android:layout_alignParentBottom="true"
            android:layout_marginTop="50dp"
            android:layout_marginEnd="84dp"
            android:layout_marginBottom="168dp"
            android:text="Koniec"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.47"
            app:layout_constraintStart_toStartOf="parent"
            tools:ignore="MissingConstraints"
            tools:layout_editor_absoluteY="549dp" />
    </RelativeLayout>

</RelativeLayout>

Jendak kiedy kompuluje kod, jest coś takiego. Testuje na prawdziwym telefonie.

Czy ktoś, wie czym to jest spowodowane.

 

Answer 1

Najlepiej layout pisać ręcznie, bo edytor wrzuca pełno niepotrzebnych atrybutów, np masz w niektorych elementach "horizontal bias", akurat w ekranie w edytorze dobrze się to układa ale na twoim telefonie z inną rozdzielczością niekoniecznie.

jedyne atrybuty jakie ci tu będą potrzebne to:

- top_toBottomOf - ułożyć element A pod elementem B
- start_toStartOf="parent" oraz end_ToEndOf="parent" - żeby ułożyć element A na środku rodzica horyzontalnie
- top_toTopOf="parent" oraz bottom_toBottomOf="parent" - żeby górny i dolny element ułożyć względem góry i dołu rodzica, wtedy wszystkie elementy pomiędzy rożłożą się równomiernie