android - layout - Größe von ImageButtons ändern?
Ich habe ein Layout geschrieben. Auf dem Layout befinden sich 5 Schaltflächen.
http://imageshack.us/photo/my-images/607/layout.gif/
Hier ist mein Tablelayout:
<TableLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:shrinkColumns="0,1" android:stretchColumns="*">
<TableRow
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:gravity="center_horizontal">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="14dp"
android:text="Hello"
android:layout_span="5"
android:paddingTop="27dp"
android:paddingBottom="25dp"
android:textColor="#ffffff"
android:gravity="center" />
</TableRow>
<TableRow>
<FrameLayout
android:layout_weight="0.2">
</FrameLayout>
<FrameLayout
android:layout_weight="0.2">
<ImageButton
android:id="@+id/ImageButton1"
android:background="@drawable/ImageButton1"
android:layout_width="97dp"
android:layout_height="90dp"
android:layout_gravity="center"
android:scaleType="center"
/>
</FrameLayout>
<FrameLayout
android:layout_weight="0.2">
<ImageButton
android:id="@+id/ImageButton2"
android:layout_width="97dp"
android:layout_height="90dp"
android:background="@drawable/ImageButton2"
android:layout_gravity="center"
android:scaleType="center" />
</FrameLayout>
<FrameLayout
android:layout_weight="0.2">
<ImageButton
android:id="@+id/ImageButton3"
android:layout_width="97dp"
android:layout_height="90dp"
android:background="@drawable/ImageButton3"
android:layout_gravity="center"
android:scaleType="center" />
</FrameLayout>
<FrameLayout
android:layout_weight="0.2">
</FrameLayout>
</TableRow>
<TableRow>
<FrameLayout
android:layout_weight="0.2">
</FrameLayout>
<TextView
android:textSize="12dp"
android:text="Text1"
android:padding="3dp"
android:textColor="#fff"
android:gravity="center" />
<TextView
android:textSize="12dp"
android:text="Text2"
android:padding="3dp"
android:textColor="#fff"
android:gravity="center" />
<TextView
android:textSize="12dp"
android:text="Text3"
android:padding="3dp"
android:textColor="#fff"
android:gravity="center" />
<FrameLayout
android:layout_weight="0.2">
</FrameLayout>
</TableRow>
<View
android:layout_height="30dp" />
<TableRow>
<FrameLayout
android:layout_weight="0.2">
</FrameLayout>
<FrameLayout
android:layout_weight="0.2">
<ImageButton
android:id="@+id/ImageButton4"
android:layout_width="97dp"
android:layout_height="90dp"
android:background="@drawable/ImageButton4"
android:scaleType="center"
android:layout_gravity="center" />
</FrameLayout>
<FrameLayout
android:layout_weight="0.2">
<ImageButton
android:id="@+id/ImageButton5"
android:layout_width="97dp"
android:layout_height="90dp"
android:background="@drawable/ImageButton5
android:scaleType="center"
android:layout_gravity="center" />
</FrameLayout>
<FrameLayout
android:layout_weight="0.2">
</FrameLayout>
<FrameLayout
android:layout_weight="0.2">
</FrameLayout>
</TableRow>
</TableLayout>
Auf meinem großen Smartphone funktioniert alles gut. Aber wenn ich es mit meinem kleinen Smartphone anschaue, ist nicht mehr genug Platz auf dem unteren Bildschirm. Wie kann ich das so ändern, dass das Tabellenlayout alles skaliert.
Das habe ich hier durch die Image Buttons gegeben:
android:layout_width="97dp"
android:layout_height="90dp"
Das ist der Grund, warum im unteren Bereich des kleinen Smartphones nicht mehr genügend Platz ist. Das Tabellenlayout sollte die Bildschaltflächen skalieren. Die Bildschaltfläche hat keine quadratische Form. Es ist wie ein Rechteck.
Das Tabellenlayout sollte horizontal 100% und vertikal 100% sein.