创建自定义底部工具栏

Question

我遵循了关于在我的应用中获取动作栏的教程。但即使我将android:uiOptions="splitActionBarWhenNarrow"放入我的清单文件中，它仍然保持在顶部。任何人都对如何使用此代码有任何想法？

XML：

<LinearLayout 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:orientation="vertical"
android:background="#f0f0f0" 
android:baselineAligned="false">

<LinearLayout 
    android:id="@+id/myFragments"
    android:layout_width="match_parent"
    android:layout_height="0dp">

</LinearLayout>

</LinearLayout>

清单文件：

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.alotoftesting"
android:versionCode="1"
android:versionName="1.0" >

<uses-sdk
    android:minSdkVersion="11"
    android:targetSdkVersion="15" />

<application
    android:icon="@drawable/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme" >
    <activity
        android:name=".MainActivity"
        android:label="@string/title_activity_main" 
        android:uiOptions="splitActionBarWhenNarrow">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

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

</manifest>

Answer 1

根据这条评论：

ActionBar中有多少个菜单项？该 splitActionBarWhenNarrow选项基本上允许溢出成一个第二，如果您的菜单项不适合，底部的“拆分”操作栏在顶部。如果您的所有菜单项都放在顶部，您将看不到拆分布局。

如果您想要自定义底部工具栏，请查看我对此问题的回答（在下面添加）：

创建自定义底部工具栏

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

创建自定义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>

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

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

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

          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

我认为，如果需要，你也可以在底部放置标签。

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

希望有所帮助

Answer 2

谷歌默认操作栏在任何情况下都不会显示在底部。正如其他人所提到的，splitActionBarWhenNarrow仅在设备较窄时才会在屏幕底部放置ActionBar的子集（如标签等）。不幸的是，如果你想在屏幕底部实现类似ActionBar的接口，你必须自己实现它（a quick search finds this example），因为我没有看到任何库为你做这件事。

总而言之，我建议反对它，因为它违反了设计文档中的Seamlessness design principle，打破了用户对ActionBar类型控件所在位置的期望 - 一个Android用户理想地用来做某事方式，你需要一个非常有说服力的理由来打破这种期望。

将我的ActionBar放在底部

2 个答案:

创建自定义底部工具栏

创建自定义ViewGroup