android - 如何在Android中设计一个框架？

Question

我想为该框架的顶部、底部、左侧和右侧各使用 4 个 ImageView 设计一个框架，如以下示例所示:

看似简单，但我真的很难做到。我尝试将 FrameLayout 与 layout_alignParentLeft|Right|Top|Bottom 一起使用，如下所示:

<?xml version="1.0" encoding="utf-8"?>
 <FrameLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/camera_masque"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:background="#FFFFFF"
     >
        <ImageView
            android:id="@+id/camera_top_masque"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_top_masque_photo"
            android:layout_alignParentTop="true"
        />

        <ImageView
            android:id="@+id/camera_left_masque"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@drawable/ic_left_masque_photo"
            android:layout_alignParentLeft="true"
        />

        <ImageView
            android:id="@+id/camera_right_masque"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@drawable/ic_right_masque_photo"
            android:layout_alignParentRight="true"
        />

         <ImageView
            android:id="@+id/camera_bottom_masque"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_bottom_masque_photo"
            android:layout_alignParentBottom="true"
        />
</FrameLayout> 

它适用于顶部和左侧，但不适用于其他(比如将右侧和底部放在顶部......)。

我也试过像这样使用 RelativeLayout:

<?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/camera_masque"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:background="#FFFFFF"
     >
        <ImageView
            android:id="@+id/camera_top_masque"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_top_masque_photo"
            android:layout_alignParentTop="true"
        />

        <ImageView
            android:id="@+id/camera_left_masque"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="-2dp"
            android:src="@drawable/ic_left_masque_photo"
            android:layout_below="@id/camera_top_masque"
        />

        <ImageView
            android:id="@+id/camera_right_masque"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@drawable/ic_right_masque_photo"
            android:layout_marginRight="-2dp"
            android:layout_below="@id/camera_top_masque"
            android:layout_alignParentRight="true"
        />

         <ImageView
            android:id="@+id/camera_bottom_masque"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_bottom_masque_photo"
            android:layout_alignParentBottom="true"
        />
</RelativeLayout> 

但同样的事情，没有按预期工作。

知道我的布局有什么问题吗？我怎样才能做到这一点？

注意:图片尺寸为:640*114px(上、下)和 34*572(左、右)。

谢谢!

Answer 1

我通常使用 linearlayout 来处理这样的事情，并使用 layout_weight 参数控制填充。您可能会在这里找到很多类似的问题。

只需创建一个垂直线性布局，然后在中间部分创建一个水平线性布局。

如果您在 Eclipse ADT 中使用 WYSIWYG 布局设计器，这会变得简单得多......请参阅 tools.android.com详情

Android 布局有很多可用的教程，这是更有用的资源，因为 Stack Overflow 倾向于处理编程问题而不是布局。