android - układ - zmiana rozmiaru przycisków ImageButtons?
Napisałem układ. Na układzie znajduje się 5 przycisków.
http://imageshack.us/photo/my-images/607/layout.gif/
Oto mój 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>
Wszystko działa dobrze na moim dużym smartfonie. Ale kiedy patrzę na to moim małym smartfonem, nie ma już miejsca na dolnym ekranie. Jak mogę to zmienić, aby układ tabeli skalował wszystko.
Podałem to tutaj za pomocą przycisków obrazu:
android:layout_width="97dp"
android:layout_height="90dp"
Dlatego nie ma wystarczająco dużo miejsca na dole małego smartfona. Układ tabeli powinien skalować przyciski obrazu. Przycisk obrazu nie ma formy kwadratowej. Jest jak prostokąt.
Układ tabeli powinien być poziomy 100% i pionowy 100%.