android - 如何使用 Eclipse 创建自定义的 android 菜单屏幕布局？

Question

我试图看看是否有人有类似的问题，但没有运气。我一直在试图弄清楚如何构建这样的布局：

我尝试了几种不同的布局，最初我认为表格可能会起作用，因为它只是一个 2 列表格，左侧有 2 行表格，右侧有 2 x 2 行/列表格，但是TableLayout我无法正常工作想（我不知道如何添加列）。网格似乎让我很接近，但这似乎只有在我做一个完整的按钮网格而不是试图将屏幕分成图像中的部分时才有效。

有没有人有任何建议或可以为我指出正确的方向如何最好地实现这样的事情？

我没有足够的代表来发布解决方案，但这里有一个快速版本的代码，现在看起来类似于这个布局（只有按钮没有缩放，标题是图像）：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainMenu" >

<ImageButton
    android:id="@+id/ImageButton03"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginRight="19dp"
    android:layout_marginTop="27dp"
    android:scaleType="fitCenter"
    android:src="@drawable/ic_launcher" />

<ImageButton
    android:id="@+id/ImageButton01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignTop="@+id/ImageButton03"
    android:layout_marginRight="108dp"
    android:layout_toLeftOf="@+id/ImageButton03"
    android:scaleType="fitCenter"
    android:src="@drawable/ic_launcher" />

<ImageButton
    android:id="@+id/ImageButton02"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/ImageButton01"
    android:layout_alignParentBottom="true"
    android:layout_marginBottom="29dp"
    android:scaleType="fitCenter"
    android:src="@drawable/ic_launcher" />

<ImageButton
    android:id="@+id/ImageButton04"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignTop="@+id/ImageButton02"
    android:layout_toRightOf="@+id/ImageButton01"
    android:scaleType="fitCenter"
    android:src="@drawable/ic_launcher" />

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignTop="@+id/ImageButton01"
    android:layout_marginLeft="18dp"
    android:src="@drawable/ic_launcher" />

<ImageButton
    android:id="@+id/ImageButton05"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/imageView1"
    android:layout_alignParentBottom="true"
    android:layout_marginBottom="14dp"
    android:scaleType="fitCenter"
    android:src="@drawable/ic_launcher" />

Answer 1

这是我之前的设计方式，所以你想出来了：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<LinearLayout
    android:layout_width="300dp"
    android:layout_height="match_parent"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1.0"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/button2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1.0"
            android:text="Button" />

        <Button
            android:id="@+id/button3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1.0"
            android:text="Button" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1.0"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/button5"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1.0"
            android:text="Button" />

        <Button
            android:id="@+id/button4"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1.0"
            android:text="Button" />

    </LinearLayout>

</LinearLayout>

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:text="Large Text"
    android:textAppearance="?android:attr/textAppearanceLarge" />

<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:text="Button" />