Layout an verschiedenen Geräten anpassen.

Robby · 15. August 2020

Hallo,
ich habe mal angefangen mein Layout umzuschreiben,
und habe folgendes Problem.
Ich habe testweise die App auf meinem Samsung Galaxy N10+ und auf das Samsung GalaxyTab S4 hochgeladen.
Ich habe 2 verschiedene Darstellungen, was mache ich falsch?
Für eure Hilfe wehre ich dankbar.
Hier mein Code.

Code

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;androidx.constraintlayout.widget.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"
    android:background="#000"
    tools:context=".MainActivity"&gt;


    &lt;LinearLayout
        android:id="@+id/LinearLayout_0"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@drawable/customborder"
        android:gravity="center_horizontal"
        android:orientation="horizontal"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"&gt;




        &lt;LinearLayout
            android:id="@+id/LinearLayout_P"
            android:layout_width="69dp"
            android:layout_height="50dp"
            android:background="#3F51B5"
            android:gravity="bottom"
            android:orientation="horizontal"&gt;


            &lt;TextView
                android:id="@+id/textView_P"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="@drawable/customborder"
                android:gravity="center_horizontal"
                android:text="P"
                android:textColor="@android:color/background_light"
                android:textSize="40sp"
                android:textStyle="bold" /&gt;


        &lt;/LinearLayout&gt;


        &lt;LinearLayout
            android:id="@+id/LinearLayout_Zeit"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="horizontal"&gt;


            &lt;LinearLayout
                android:id="@+id/PlatzhalterP_Z"
                android:layout_width="5dp"
                android:layout_height="match_parent"
                android:gravity="left"
                android:orientation="horizontal"&gt;


            &lt;/LinearLayout&gt;


            &lt;TextView
                android:id="@+id/textViewZeit"
                android:layout_width="100dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center_horizontal"
                android:text="1/8000"
                android:textColor="@android:color/background_light"
                android:textSize="36sp" /&gt;


        &lt;/LinearLayout&gt;


        &lt;LinearLayout
            android:id="@+id/PlatzhalterZ_B"
            android:layout_width="30dp"
            android:layout_height="match_parent"
            android:gravity="left"
            android:orientation="horizontal"&gt;




            &lt;TextView
                android:id="@+id/textView_sek"
                android:layout_width="10dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:text="sek"
                android:textColor="@android:color/background_light"
                android:textSize="12sp" /&gt;


            &lt;LinearLayout
                android:id="@+id/PlatzhalterS_B"
                android:layout_width="10dp"
                android:layout_height="match_parent"
                android:gravity="left"
                android:orientation="horizontal"&gt;


                &lt;TextView
                    android:id="@+id/Vertikal_L3"
                    android:layout_width="2dip"
                    android:layout_height="fill_parent"
                    android:background="#FFF" /&gt;
            &lt;/LinearLayout&gt;


        &lt;/LinearLayout&gt;


        &lt;LinearLayout
            android:id="@+id/LinearLayout_Blende"
            android:layout_width="80dp"
            android:layout_height="match_parent"
            android:orientation="horizontal"&gt;


            &lt;TextView
                android:id="@+id/textViewBlende_f"
                android:layout_width="30dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="right"
                android:text="f/"
                android:textColor="@android:color/background_light"
                android:textSize="36sp" /&gt;


            &lt;TextView
                android:id="@+id/textViewBlende"
                android:layout_width="50dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center_horizontal|left"
                android:text="45"
                android:textColor="@android:color/background_light"
                android:textSize="36sp" /&gt;
        &lt;/LinearLayout&gt;


        &lt;LinearLayout
            android:id="@+id/PlatzhalterB_I"
            android:layout_width="10dp"
            android:layout_height="match_parent"
            android:gravity="left"
            android:orientation="horizontal"&gt;


            &lt;TextView
                android:id="@+id/Vertikal_L4"
                android:layout_width="2dip"
                android:layout_height="fill_parent"
                android:background="#FFF" /&gt;
        &lt;/LinearLayout&gt;


        &lt;LinearLayout
            android:id="@+id/LinearLayout_ISO"
            android:layout_width="110dp"
            android:layout_height="match_parent"
            android:orientation="horizontal"&gt;


            &lt;TextView
                android:id="@+id/textViewIso"
                android:layout_width="30dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="right"
                android:text="iso"
                android:textColor="@android:color/background_light"
                android:textSize="12sp" /&gt;


            &lt;TextView
                android:id="@+id/textViewISO"
                android:layout_width="85dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:text="2560"
                android:textColor="@android:color/background_light"
                android:textSize="36sp" /&gt;
        &lt;/LinearLayout&gt;
    &lt;/LinearLayout&gt;

Alles anzeigen

nono124 · 15. August 2020

Das sind Geräte mit unterschiedlichen Display Auflösungen (dpi) und Größe.
Auch ist es ein Handy und ein Tab das ist oft anders. Für sowas gibt es die verschieden Ordner wo nach DPI Auflösung verschriene Layouts erstellen Kannst.

https://developer.android.com/…ltiscreen/screendensities
https://developer.android.com/guide/practices/compatibility
https://www.google.de/url?sa=t…Vaw3wHnGXyLEVg4pO7pDsf6DB

Frage du benutzt das Constrain Layout was bei einer sinnvollen Aufbau nicht das erstellen von unterschiedlichen Dpi Auflösung benötigt.
Aber was machst du packst alles in ein einfache Linearlayout. Da musst du natürlich die verschiedenen Auflösungen machen.
Die Vorteile eines Constrain Layout nutzt du nicht.
Ich denke du solltest dich mal mit den Layouts beschäftigen , Linear, Relativ, Contrain…..

Ich habe auch bei deiner App gesehen das du so eine quatsch macht. Da hättest du gleich ein echtes Linearlayout machen können.

Was benutzt du für das Layout Design? Den AS Designer oder etwas anderes?

Robby · 15. August 2020

Ich benutze den Designer im Android Studio activity_main.xml?

Layout an verschiedenen Geräten anpassen.

Jetzt mitmachen!

Teilen

Benutzer online in diesem Thema