如何构建主页android应用程序?

时间:2012-03-28 12:34:36

标签: android layout

我想知道Google Docs应用程序的这个主页是如何构建的? 是否有多个相对布局来显示内联按钮? 那么顶部的标签栏怎么样?

图片:

enter image description here

1 个答案:

答案 0 :(得分:0)

我说这是由:

1标题:水平LinearLayout 2行:2个水平LinearLayouts包含在一个Vertical LinearLayout

<LinearLayout
    android:id="@+id/root"
    android:orientation="vertical">

    <LinearLayout
    android:id="@+id/header_layout"
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:orientation="horizontal"
    android:gravity="center_vertical"
    android:background="@drawable/header_gradient" >

        <LinearLayout
    android:id="@+id/header_layout_title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center_vertical"
    android:layout_marginLeft="10dp" >

        <ImageView
            android:id="@+id/header_icon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="10dp" />

        <TextView 
        android:id="@+id/header_title"
        android:text="Docs"
        android:textSize="20dp" />

            </LinearLayout>

            <LinearLayout
        android:id="@+id/header_layout_add"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_vertical|right" >

            <ImageView
                android:id="@+id/header_add"
                android:src="@drawable/add"
                android:layout_marginRight="10dp" />

            <ImageView
                android:id="@+id/header_search"
                android:src="@drawable/search"
                android:layout_marginRight="10dp" />

        </LinearLayout>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/line_1"
        android:orientation="horizontal">

        <ImageView android:id="image_1" />
        <ImageView android:id="image_2" />
        <ImageView android:id="image_3" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/line_2"
        android:orientation="horizontal">

        <ImageView android:id="image_4" />
        <ImageView android:id="image_5" />
        <ImageView android:id="image_6" />

    </LinearLayout>

</LinearLayout>