我正在 Android 上移植一个 iOS 应用程序,但不能适合所有尺寸的这种简单布局:
问题是它ImageButton
不能扩展。此布局仅适用于 Nexus 4
我把图片放进去drawable-mdpi
GridLayout
必须是一个表格,WebView
顶部有 3 列和 3x3 按钮图像
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:scaleType="center"
android:useDefaultMargins="true" >
<WebView
android:id="@+id/userWebView"
android:layout_height="120dp"
android:layout_column="1"
android:layout_columnSpan="3"
android:layout_gravity="fill_horizontal"
android:layout_row="0" />
<ImageButton
android:id="@+id/btn1"
android:layout_column="0"
android:layout_columnSpan="2"
android:layout_row="1"
android:background="@drawable/box_1"
android:scaleType="fitCenter" />
<ImageButton
android:id="@+id/btn2"
android:layout_column="2"
android:layout_row="1"
android:background="@drawable/box_2"
android:scaleType="fitCenter" />
<ImageButton
android:id="@+id/btn3"
android:layout_width="wrap_content"
android:layout_column="3"
android:layout_row="1"
android:background="@drawable/box_3"
android:scaleType="center" />
<ImageButton
android:id="@+id/btn4"
android:layout_column="0"
android:layout_columnSpan="2"
android:layout_row="3"
android:layout_rowSpan="2"
android:background="@drawable/box_4"
android:scaleType="fitCenter" />
<ImageButton
android:id="@+id/btn5"
android:layout_column="2"
android:layout_row="4"
android:background="@drawable/box_5"
android:scaleType="fitCenter" />
<ImageButton
android:id="@+id/btn6"
android:layout_width="wrap_content"
android:layout_column="3"
android:layout_row="4"
android:background="@drawable/box_6"
android:scaleType="fitCenter" />
<ImageButton
android:id="@+id/btn7"
android:layout_column="0"
android:layout_columnSpan="2"
android:layout_row="6"
android:layout_rowSpan="2"
android:background="@drawable/box_7"
android:scaleType="fitCenter" />
<ImageButton
android:id="@+id/btn8"
android:layout_column="2"
android:layout_gravity="left|bottom"
android:layout_row="7"
android:background="@drawable/box_8"
android:scaleType="fitCenter" />
<ImageButton
android:id="@+id/btn9"
android:layout_column="3"
android:layout_row="7"
android:background="@drawable/box_9"
android:scaleType="fitCenter" />
</GridLayout>