Na widoku wszystko przesuwa się w jedno miejsce

[DJ_majkel02 0]

Cześć! Tworzę sobie swoją pierwszą aplikację, ale napotkałem problem z widokiem. Wszystko sobie ładnie ustawiam w Android Studio, ale gdy odpalam aplikację nic nie jest ustawione tak jakbym chciał. Wygląda to tak jakby buttony, czy nawet zwykłe pola tekstowe były przesunięte w lewy górny róg. Jak to naprawić? Co mogę zrobić? 

[Coders Lab 134]

@DJ_majkel02 Dodaj tutaj kod tego widoku. Możesz dać jeszcze zrzut ekranu z Android Studio - żebyśmy wiedzieli jaki ma być efekt końcowy

[DJ_majkel02 0]

Skąd wezmę ten kod? W android studio widzę tylko widok na którym mogę wszystko ustawiać...

[Coders Lab 134]

Na dole są dwie zakładki: Design i Text. Aktualnie jesteś w Design, jak klikniesz na Text to zobaczysz kod

[DJ_majkel02 0]

Rzeczywiście jest tam kod! 

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
    <Button
            android:text="Zatwierdź"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" tools:layout_editor_absoluteY="505dp"
            tools:layout_editor_absoluteX="226dp" android:id="@+id/button"/>
    <TextView
            android:text="Wprowadź swoją nazwę"
            android:layout_width="159dp"
            android:layout_height="23dp" tools:layout_editor_absoluteY="126dp"
            tools:layout_editor_absoluteX="74dp" android:id="@+id/textView"/>
    <EditText
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:inputType="textPersonName"
            android:text="Nazwa użytkownika"
            android:ems="10"
            tools:layout_editor_absoluteY="193dp" tools:layout_editor_absoluteX="74dp" android:id="@+id/editText"/>
</android.support.constraint.ConstraintLayout>

[Coders Lab 134]

Pierwsza rzecz: używasz tools:layout_editor_absoluteY i tools:layout_editor_absoluteX Ustawiasz wprost w jakim miejscu mają być elementy interfejsu, ale każdy telefon może mieć inną rozdzielczość, wielkość ekranu itd. Wtedy taki widok wyglądał by inaczej na różnych telefonach. Aby tego uniknąć powstał np. ConstraintLayout z którego w sumie już korzystasz. Brakuje Ci tylko prawidłowego ustawienia elementów. 

Kliknij w edycji widoku na któryś z elementów, pokażą Ci się 4 białe kropki na środku każdej krawędzi. Od takiej kropki możesz wyciągnąć strzałkę np. do boku ekranu lub do innego elementu i gdy wszystkie 4 strzałki gdzieś przyczepisz to będzie już lepiej wyglądać

[DJ_majkel02 0]

Udało mi się. Już to lepiej wygląda:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
    <Button
            android:text="Zatwierdź"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/button" app:layout_constraintEnd_toEndOf="parent" android:layout_marginEnd="84dp"
            android:layout_marginBottom="124dp" app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent" android:layout_marginStart="8dp"
            app:layout_constraintHorizontal_bias="1.0"/>
    <TextView
            android:text="Wprowadź swoją nazwę"
            android:layout_width="159dp"
            android:layout_height="23dp"
            android:id="@+id/textView" android:layout_marginTop="72dp"
            app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toStartOf="parent"
            android:layout_marginStart="8dp" app:layout_constraintEnd_toEndOf="parent" android:layout_marginEnd="8dp"/>
    <EditText
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:inputType="textPersonName"
            android:text="Nazwa użytkownika"
            android:ems="10"
            android:id="@+id/editText" android:layout_marginStart="8dp"
            app:layout_constraintStart_toStartOf="parent" android:layout_marginEnd="8dp"
            app:layout_constraintEnd_toEndOf="parent" android:layout_marginTop="64dp"
            app:layout_constraintTop_toBottomOf="@+id/textView"/>
</android.support.constraint.ConstraintLayout>

[Coders Lab 134]

Super Więcej przydatnych informacji na temat tego layoutu znajdziesz tutaj: 

 

[DJ_majkel02 0]

Dzięki! A jak mogę tam jeszcze dodać menu wysuwane z boku? 

[Coders Lab 134]

Hmm...To pytanie wychodzi już poza temat tego wątku. Utwórz nowy temat z tym pytaniem i to chętnie pomogę