如何启用Split Action Bar?

时间:2015-12-31 11:53:57

标签: android android-actionbar splitactionbar

我想创建一个Android应用程序,它有3个滑动选项卡面板,每个都有5个按钮(保存,新建,删除,退出..)。

我想要的完全如下: image

我创建了滑动选项卡面板。对于5按钮,我添加了分割操作栏。但它可以作为普通的分割操作栏。我的AndroidManifest.xml是:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.belsoft.myapplication">

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:uiOptions="splitActionBarWhenNarrow"
    android:theme="@style/AppTheme">
    <activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:theme="@style/AppTheme.NoActionBar">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

</manifest>

我哪里错了?

1 个答案:

答案 0 :(得分:5)

实施splitActionBar

只需将android:uiOptions="splitActionBarWhenNarrow"添加到activity中的AndroidManifest.xml标记,就像这样......

`<activity
    android:name=".MainActivity"
    android:uiOptions="splitActionBarWhenNarrow">`<br>

您可以阅读更多herehere

  

注意:仅适用于屏幕宽度较小的手机设备   400dp

要创建自定义底部工具栏:

如果您想为所有设备设置,请在此处查看我的回答(查找以Creating custom bottom toolbar开头的帖子):

  

创建自定义底部工具栏

     

我已经创建了一个简单的应用程序,它应该向您展示如何操作   开始

     

     

创建自定义ViewGroup

     

这是我的activity_main.xml布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="0dp"
    tools:context="com.example.piotr.myapplication.MainActivity">

    <LinearLayout
        android:id="@+id/show_pdf"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:background="@color/primary_material_light"
        android:orientation="horizontal">

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_cut_mtrl_alpha"/>

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_copy_mtrl_am_alpha"/>

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_selectall_mtrl_alpha"/>

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_paste_mtrl_am_alpha"/>

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_share_mtrl_alpha"/>

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_selectall_mtrl_alpha"/>

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_moreoverflow_mtrl_alpha"/>
    </LinearLayout>

    <EditText
        android:id="@+id/editText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="75dp"
        android:ems="10"
        android:inputType="textPersonName"
        android:text="Name"/>
</RelativeLayout>
     

正如您所看到的,我的父ViewGroupRelativeLayout,这很简单   允许我在屏幕底部创建一个视图。

     

请注意,我将布局填充设置为零(我认为:设置布局   这里的余量为零是没有必要的,效果相同)。如果你的话   更改它,工具栏将不会使用全宽,它将不会坚持   屏幕的底部。

     

然后我添加了一个带有硬编码高度的线性布局:

          android:layout_height="40dp"
     

我想要它,我的底部工具栏将采用完全可用的宽度   我将其设为match_parent

     

接下来,我添加了一些来自Android图片的ImageButton次观看   库。

     

你有两种可能性:

     
      
  • 如果你真的想拥有一个像上面例子那样的工具栏,只需在每个ImageButton视图中删除这一行:

          android:layout_weight="1"
    
  •   
     

删除重量和一些按钮后,你会得到一个漂亮的视图   与预期相似:

     

     
      
  • 如果您想获取整个宽度,并在项目weight中使用相同大小的每个按钮,就像在我的示例中一样。
  •   
     

现在让我们转到 AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest package="com.example.piotr.myapplication"
          xmlns:android="http://schemas.android.com/apk/res/android">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity
            android:name=".MainActivity"
            android:windowSoftInputMode="stateVisible|adjustResize">
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>

                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
    </application>
</manifest>
     

在我添加的文件中,您只能看到一行:

         android:windowSoftInputMode="stateVisible|adjustResize">
     

确保设备键盘不会隐藏我的自定义底部工具栏。

     

来自:How to add a bottom menu to Android activity

如果您有任何疑问,请随意提问。

希望有所帮助