如何构建一个包含各种矩形的Android UI？

Question

我想在Android上创建一个UI，上面有各种矩形。

应该如下所示： https://d396qusza40orc.cloudfront.net/android/Labs/ModernArtUI/modernUI.mp4

我的想法是在其中使用ImageViews来构建RelativeLayout，但实际上我不知道如何启动，例如创建2列，在第一列中使用2，在第二列中使用3个不同的矩形颜色。

有人能告诉我一个例子吗？在相对布局中有两个不同大小的矩形就足够了。

Answer 1

我只使用LinearLayouts做到了这一点。但我认为这正是你要找的。设置layout_weight是关键。

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/imageView"
        android:layout_weight="0.7"
        android:background="#00ff00" />

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="0.3">

        <ImageView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageView2"
            android:layout_weight="0.2"
            android:background="#0000ff" />

        <ImageView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageView3"
            android:layout_weight="0.8"
            android:background="#ff0000" />
    </LinearLayout>

</LinearLayout>