Layout automatisch an verschiedene Displays anpassen.

[DT]Sniper · 4. Februar 2013

Hey, nach 2 Wochen habe ich nun ein halbwegs gut aussehendes Layout hinbekommen, auf meinen Samsung Galaxy S2 sieht dieses auch super aus, doch passt sich das Layout nicht an größere oder kleinere Bildschirme an.

Hat jemand einen Trick, wie ich das ohne viel aufwand hinbekomme?

hier mal mein layout code:

Code

&lt;?xml version="1.0" encoding="utf-8"?&gt;
	&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    	android:layout_width="fill_parent"
    	android:layout_height="fill_parent"
    	android:background="@color/Grey" &gt;


    	&lt;LinearLayout
        	android:layout_width="198sp"
        	android:layout_height="match_parent"
        	android:background="@color/Grey"
        	android:gravity="center_horizontal"
        	android:orientation="vertical" &gt;


        	&lt;Spinner
            	android:id="@+id/Cartyp"
            	android:layout_width="180sp"
            	android:layout_height="45sp"
            	android:layout_marginTop="2sp"
            	android:entries="@array/Typ"
            	android:gravity="center"
            	android:prompt="@string/prompt" /&gt;
            	
        	&lt;LinearLayout
            	android:layout_marginTop="2sp"
            	android:layout_width="190sp"
            	android:layout_height="wrap_content"
            	android:background="@drawable/black_border"
            	android:gravity="center_horizontal"
            	android:orientation="vertical" &gt;


	        	&lt;TextView
	            	android:id="@+id/textView1"
	            	android:layout_width="wrap_content"
	            	android:layout_height="wrap_content"
	            	android:text="@string/readed"
	            	android:textAppearance="?android:attr/textAppearanceMedium"
	            	android:textSize="12sp" /&gt;
		    	
		    	&lt;EditText
		        	android:id="@+id/ReadedCode"
		        	android:layout_width="190sp"
		        	android:layout_height="30sp"
		        	android:gravity="center_horizontal"
		        	android:inputType="number"
		        	android:maxLength="8"
		        	android:textSize="12sp" &gt;


		           	&lt;requestFocus /&gt;
		    	&lt;/EditText&gt;
		    	
        	&lt;/LinearLayout&gt;
        	&lt;LinearLayout
            	android:layout_marginTop="4sp"
            	android:layout_width="190sp"
            	android:layout_height="wrap_content"
            	android:background="@drawable/black_border"
            	android:gravity="left"
            	android:orientation="vertical" &gt;


            	&lt;TextView
                	android:id="@+id/textView2"
                	android:layout_width="match_parent"
                	android:layout_height="wrap_content"
                	android:gravity="center_horizontal"
                	android:text="@string/ExtraFunc"
                	android:textAppearance="?android:attr/textAppearanceMedium"
                	android:textSize="12sp" /&gt;


            	&lt;CheckBox
                	android:id="@+id/PosKnown"
                	android:layout_width="wrap_content"
                	android:layout_height="30sp"
                	android:text="@string/PosOne"
                	android:textSize="10sp" /&gt;


            	&lt;LinearLayout
                	android:layout_width="match_parent"
                	android:layout_height="wrap_content" &gt;


                	&lt;CheckBox
                    	android:id="@+id/Group1"
                    	android:layout_width="90sp"
                    	android:layout_height="30sp"
                    	android:checked="true"
                    	android:text="@string/GroupOne"
                    	android:textSize="10sp" /&gt;


                	&lt;CheckBox
                    	android:id="@+id/Group2"
                    	android:layout_width="wrap_content"
                    	android:layout_height="30sp"
                    	android:checked="true"
                    	android:text="@string/GroupTwo"
                    	android:textSize="10sp" /&gt;


            	&lt;/LinearLayout&gt;


			&lt;/LinearLayout&gt;


        	&lt;Button
            	android:layout_marginTop="4sp"
            	android:id="@+id/start"
            	android:layout_width="100sp"
            	android:layout_height="wrap_content"
            	android:text="@string/Button" /&gt;


    	&lt;/LinearLayout&gt;
&lt;ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
 	android:layout_width="match_parent"
 	android:layout_height="match_parent" 
 	android:layout_marginBottom="2sp"
 	android:layout_marginTop="2sp" &gt;
        	&lt;TableLayout
            	android:id="@+id/keyTable"
            	android:layout_width="match_parent"
            	android:layout_height="wrap_content"
            	android:layout_marginBottom="2sp"
            	android:layout_marginTop="2sp" &gt;


            	&lt;TableRow android:id="@+id/tableCap" android:layout_width="match_parent" android:layout_height="wrap_content"&gt;


                	&lt;TextView
                    	android:id="@+id/CapKey"
                    	android:layout_width="110sp"
                    	android:layout_height="wrap_content"
                    	android:background="@drawable/cell_shape"
                    	android:gravity="center"
                    	android:padding="5sp"
                    	android:text="@string/Key"
                    	android:textAppearance="?android:attr/textAppearanceMedium"
                    	android:textColor="@color/Black" &gt;


					&lt;/TextView&gt;


                	&lt;TextView
                    	android:id="@+id/CapLeft"
                    	android:layout_width="110sp"
                    	android:layout_height="wrap_content"
                    	android:background="@drawable/cell_shape"
                    	android:gravity="center"
                    	android:padding="5sp"
                    	android:text="@string/Left"
                    	android:textAppearance="?android:attr/textAppearanceMedium"
                    	android:textColor="@color/Black" &gt;


					&lt;/TextView&gt;


                	&lt;TextView
                    	android:id="@+id/CapRight"
                    	android:layout_width="110sp"
                    	android:layout_height="wrap_content"
                    	android:background="@drawable/cell_shape"
                    	android:gravity="center"
                    	android:padding="5sp"
                    	android:text="@string/Right"
                    	android:textAppearance="?android:attr/textAppearanceMedium"
                    	android:textColor="@color/Black" &gt;


					&lt;/TextView&gt;


            	&lt;/TableRow&gt;
        	&lt;/TableLayout&gt;
&lt;/ScrollView&gt;


	&lt;/LinearLayout&gt;

Alles anzeigen

schymura · 4. Februar 2013

Hallo [DT]Sniper,
ich spiele auch immer am liebsten mit dem "LinearLayout".
Ich finsw, es passt sich am besten an die verschiedenen Displaygrössen an.

Allerindgs setzen ich auch immer auch die Gravity, zum Beispiel

Code

android:gravity="center|center_horizontal|center_vertical"

oder auch nur

Code

android:layout_gravity="center"

Damit ist dann alles immerhin in der Bildschirmmitte, horizontal und vertikal ausgerichtet.
Schöne Grüße, schmyura

[DT]Sniper · 4. Februar 2013

danke dir werde ich ausprobieren, Problem ist nur, dass sich bei meinen layout gar nichts der bildschirmgröße anpasst, auch bei einem Tablet bleibt der von der app benutzte Teil so groß wie der bildschirm des Galaxy S2

schymura · 4. Februar 2013

Hallo [DT]Sniper,

Zitat

Problem ist nur, dass sich bei meinen layout gar nichts der bildschirmgröße anpasst

mein Fehler!
Ich hatte nicht verstanden, dass du dein Layput an die verschiedenen Bildschirmgößen anpassen willst, ich hatt nur damit gerechnet, das es immer mittig sein sollte.
Ich warte mit dir auf eine schöne Lösung!
Schöne Grüße, schymura

killphil75 · 4. Februar 2013

sp Angaben sind aber böse ....

Wenn du feste dp,sp Werte vorgibst, dann wird natürlich nicht wirklich viel skaliert.
Entweder du legst Dir entsprechende Layouts für alle möglichen Größen im res Ordner an

http://developer.android.com/g…ices/screens_support.html

oder du spielst mal ein wenig mit weight rum und kommst von den festen Pixelgrößen weg (wrap_content und co)

[DT]Sniper · 5. Februar 2013

Hm, sehr schade...

mit weight hatte ich es schonmal probiert, doch geht der auf höhe und breite, ich bräuchte jedoch nur breite...

Hm, gibt es ne fertige klasse, die recht einfach alle layout elemente druch geht und diese an den Screen anpasst? Ich weiss das sowas geht, doch muss ich das Rad ja nicht neu erfinden

Mfg
[DT]Sniper

titus · 5. Februar 2013

ähm nein so eine Klasse gibt es nicht.
Wenn du unbedingt mit festen Werten arbeiten möchtest kannst du versuchen diese Werte an die jeweilige Bildschirmgröße an zu passen.
Stichwort: Dimension

mfg Titus

Layout automatisch an verschiedene Displays anpassen.

Jetzt mitmachen!

Teilen