android - 如何创建这种UI

我可以知道如何创建这种用户界面吗，请参见下面的图片。



它是简单的线性布局，具有一些不同大小的按钮，还是不同的图像控件，或者这到底是什么？我如何创建这种UI。

最佳答案

尝试这个。请注意，这是我自己的代码中的复制粘贴，并且在此代码下方发布了某些属性：

<LinearLayout
    android:background="@drawable/nav_bar"
    style="@style/TitleBar" >
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="4dp"
        android:gravity="center"    >
        <ImageButton
            style="@style/TitleBarAction"
            android:layout_margin="2dp"
            android:id="@+id/btnStatusUpdate"
            android:src="@drawable/ic_tab_compose_selected" >
        </ImageButton>
    </LinearLayout>
    <ImageView style="@style/TitleBarSeparator" />
    <TextView
        android:id="@+id/actionbarTitle"
        android:text="ACTIVITY"
        android:textColor="#FFFFFF"
        android:textSize="16sp"
        android:textStyle="bold"
        android:layout_height="fill_parent"
        android:layout_width="fill_parent"
        android:layout_weight="1"
        android:gravity="left|center_horizontal|center"
        android:padding="5dp"   >
    </TextView>
    <ImageView style="@style/TitleBarSeparator" />
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="4dp"
        android:gravity="center"    >
        <ImageButton
            style="@style/TitleBarAction"
            android:layout_margin="2dp"
            android:id="@+id/btnStatusUpdate"
            android:src="@drawable/ic_tab_compose_selected" >
        </ImageButton>
     </LinearLayout>
     <ImageView style="@style/TitleBarSeparator" />
     <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="4dp"
            android:gravity="center"    >
            <ImageButton
                style="@style/TitleBarAction"
                android:layout_margin="2dp"
                android:id="@+id/btnUploadPhoto"
                android:src="@drawable/ic_tab_camera_selected"  >
        </ImageButton>
    </LinearLayout>
</LinearLayout>

上面代码的样式元素。这在您的styles.xml中：

    <style name="TitleBar">
        <item name="android:id">@id/title_container</item>
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">45dp</item>
        <item name="android:gravity">center</item>
        <item name="android:orientation">horizontal</item>
    </style>

    <style name="TitleBarSeparator">
        <item name="android:layout_width">1px</item>
        <item name="android:layout_height">fill_parent</item>
        <item name="android:background">USE A COLOR OF YOUR CHOICE HERE</item>
    </style>

关于android - 如何创建这种UI，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10679913/