Question

我想有一个自定义操作栏，其中应包含标签和操作按钮，如附图所示：

Custom action bar

如图所示，我希望有应用程序徽标和标题，然后是一些操作按钮，然后是选项卡，然后在底部栏中有一些操作按钮。我搜索了一个解决方案，但到目前为止，我刚刚找到了一些基于第三方库（我不想要）的解决方案，或实现了一个单独的页眉或页脚。也许有更好更快的解决方案来实现图片中的内容。我试着用

android:uiOptions="splitActionBarWhenNarrow"

但它并不像我想的那样表现，这意味着在纵向和横向模式下，无论设备如何，我都希望操作按钮始终位于相同的位置，类似于图片。欢迎任何建议。提前谢谢。

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">

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:background="#0000ff"
        android:id="@+id/headerRelativeLayout">>


        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/imageView"
            android:src="@drawable/arrow_right"
            android:layout_alignTop="@+id/cancelTextView"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true" />

        <TextView
            android:id="@+id/cancelTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="ScreenTitle"
            android:textColor="#ffffff"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/imageView"
            android:layout_toEndOf="@+id/imageView" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/imageView2"
            android:src="@drawable/arrow_right"
            android:layout_toLeftOf="@id/imageView3" />
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/imageView3"
            android:src="@drawable/arrow_right"
            android:layout_alignTop="@+id/cancelTextView"
            android:layout_toLeftOf="@id/imageView4"/>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/imageView4"
            android:src="@drawable/arrow_right"
            android:layout_alignTop="@+id/cancelTextView"
            android:layout_alignParentRight="true"/>

    </RelativeLayout>

    <TabHost
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/tabHost"
        android:layout_below="@+id/headerRelativeLayout"
        android:layout_centerHorizontal="true">

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

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="fill_parent"

                android:background="#0000ff"
                android:layout_height="wrap_content"></TabWidget>

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent">

                <LinearLayout
                    android:id="@+id/tab1"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:orientation="vertical"></LinearLayout>

                <LinearLayout
                    android:id="@+id/tab2"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:orientation="vertical"></LinearLayout>

                <LinearLayout
                    android:id="@+id/tab3"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:orientation="vertical"></LinearLayout>
            </FrameLayout>
        </LinearLayout>
    </TabHost>


    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:background="#0000ff"
        android:id="@+id/headerRelativeLayout2"
        android:layout_alignParentBottom="true">


        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_centerVertical="true"
            android:layout_centerHorizontal="true">


            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/imageView5"
                android:src="@drawable/arrow_right"/>

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/imageView6"
                android:src="@drawable/arrow_right" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/imageView7"
                android:src="@drawable/arrow_right"/>

            </LinearLayout>
    </RelativeLayout>

</RelativeLayout>

Android操作栏上下两个项目

1 个答案: