Проблемы с версткой экрана android. Как решить проблему не корректного отображения данных?

Question

[JordanBelford]

Ребят столкнулся с двумя проблемами по своей не опытности скажем так. Первая, данные не корректного отображаются в эмуляторе, подскажите как можно решить данную проблему.

И вторая проблема, padding стоят по умолчанию, на макете видно, как можно от них избавиться? Заранее спасибо)

<?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"
    tools:context="com.example.user.db.MainActivity">

    <RelativeLayout
        android:layout_width="368dp"
        android:layout_height="551dp"
        android:background="@color/test3"
        tools:layout_editor_absoluteX="8dp"
        tools:layout_editor_absoluteY="8dp">

        <TextView
            android:textColor="@color/test4"
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/drivingschoolcrm"
            android:textSize="30sp"
            tools:layout_editor_absoluteX="90dp"
            tools:layout_editor_absoluteY="60dp"
            android:layout_above="@+id/button2"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="53dp" />

        <Button
            android:onClick="bLog"
            android:textSize="20sp"
            android:textColor="@color/test4"
            android:background="@drawable/rounded_button"
            android:id="@+id/button2"
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:text="@string/main_log"
            tools:layout_editor_absoluteX="146dp"
            tools:layout_editor_absoluteY="137dp"
            android:layout_marginBottom="43dp"
            android:layout_above="@+id/button3"
            android:layout_centerHorizontal="true" />

        <Button
            android:onClick="bReg"
            android:textSize="20sp"
            android:textColor="@color/test4"
            android:background="@drawable/rounded_button"
            android:id="@+id/button3"
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:text="@string/main_reg"
            tools:layout_editor_absoluteX="146dp"
            tools:layout_editor_absoluteY="235dp"
            android:layout_alignParentBottom="true"
            android:layout_alignStart="@+id/button2"
            android:layout_marginBottom="203dp" />

    </RelativeLayout>


</android.support.constraint.ConstraintLayout>

Answer 1

[automatik]

Когда верстаешь с использованием ConstraintLayout, необходимо, чтобы у каждого элемента были свои constrains. В редакторе отображается именно так, как ты разместишь, однако в реальном приложении, если constraints не будут указаны, позиция уедет в 0, 0 (левый верхний угол).

Проще всего решить можно кликнув пкм по Constraint Layout > Constraint Layout > Infer constraints. Тогда студия сама расставит constraints согласно тому, как ты разместил в редакторе. Обычно этого хватает, но иногда может потребоваться расставить некоторые ограничители самому.

скриншот

Также можно все constaints расставить самому. В схематическом редакторе выделяем нужный элемент, вокруг него появляются точки соприкосновения, тянем за эти точки мышкой к нужной границе другого элемента либо экрана.

скриншот

Если у каких-либо элементов constraints будут отсутствовать, редактор об этом предупретит.

spoiler