Skocz do zawartości
DJ_majkel02

Na widoku wszystko przesuwa się w jedno miejsce

    Rekomendowane odpowiedzi

    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ć? 

    Udostępnij tę odpowiedź


    Odnośnik do odpowiedzi
    Udostępnij na innych stronach

    @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 ?

    Udostępnij tę odpowiedź


    Odnośnik do odpowiedzi
    Udostępnij na innych stronach

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

    Udostępnij tę odpowiedź


    Odnośnik do odpowiedzi
    Udostępnij na innych stronach

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

    Udostępnij tę odpowiedź


    Odnośnik do odpowiedzi
    Udostępnij na innych stronach

    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>

    Udostępnij tę odpowiedź


    Odnośnik do odpowiedzi
    Udostępnij na innych stronach

    Pierwsza rzecz: używasz tools:layout_editor_absoluteY 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ć ?

    Udostępnij tę odpowiedź


    Odnośnik do odpowiedzi
    Udostępnij na innych stronach

    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>

    Udostępnij tę odpowiedź


    Odnośnik do odpowiedzi
    Udostępnij na innych stronach

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

     

    • Piwko! 1

    Udostępnij tę odpowiedź


    Odnośnik do odpowiedzi
    Udostępnij na innych stronach

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

    Udostępnij tę odpowiedź


    Odnośnik do odpowiedzi
    Udostępnij na innych stronach

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

    Udostępnij tę odpowiedź


    Odnośnik do odpowiedzi
    Udostępnij na innych stronach

    Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

    Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

    Zarejestruj nowe konto

    Załóż nowe konto. To bardzo proste!

    Zarejestruj się

    Zaloguj się

    Posiadasz już konto? Zaloguj się poniżej.

    Zaloguj się

    • Ostatnio przeglądający   0 użytkowników

      Brak zarejestrowanych użytkowników przeglądających tę stronę.

    x