操作栏：旧 Android 版本的最佳实践

Question

我想在我的应用程序顶部有一个菜单栏 - 就像 Facebook、Google+ 或 Twitter 一样：

这是来自 Twitter 应用程序的屏幕截图，其中显示了此栏：它显示在每个活动中，左侧有公司徽标（可点击），右侧有 1-3 个菜单项（可点击图片）。

在 GDDatalog 应用中也可以看到：

因此，该操作栏有一些要求：

• 它也必须在较旧的 Android 平台上运行，例如 API 级别 8。
• 它必须在每个活动中都可用，而无需一次又一次地重复代码。
• 它必须适应屏幕尺寸才能占据整个宽度。

实施此类操作栏的最佳做法是什么？

GreenDroid 就是这样做的（使用合并）：

<?xml version="1.0" encoding="utf-8"?>

<!--
/*
** Copyright (C) 2010 Cyril Mottier (http://www.cyrilmottier.com)
**
** Licensed under the Apache License, Version 2.0 (the "License");
** you may not use this file except in compliance with the License.
** You may obtain a copy of the License at
**
**     http://www.apache.org/licenses/LICENSE-2.0
**
** Unless required by applicable law or agreed to in writing, software
** distributed under the License is distributed on an "AS IS" BASIS,
** WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
** See the License for the specific language governing permissions and
** limitations under the License.
*/
-->

<merge
    xmlns:android="http://schemas.android.com/apk/res/android">

    <ImageButton
        xmlns:android="http://schemas.android.com/apk/res/android"
        style="?attr/gdActionBarItemStyle"
        android:id="@+id/gd_action_bar_item"
        android:layout_height="fill_parent"
        android:scaleType="center" />

    <ImageView
        android:layout_width="?attr/gdActionBarDividerWidth"
        android:layout_height="fill_parent"
        android:background="?attr/gdActionBarDividerDrawable" />

    <TextView
        style="?attr/gdActionBarTitleStyle"
        android:id="@+id/gd_action_bar_title"
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1.0"
        android:gravity="left|center_vertical"
        android:singleLine="true"
        android:textColor="?attr/gdActionBarTitleColor"
        android:textSize="16sp"
        android:textStyle="bold"
        android:paddingRight="10dp"
        android:paddingLeft="10dp" />

</merge>

这是一个好的解决方案吗？它也适用于旧平台吗？这里还缺少哪些编码部分？

我知道我们可以在这里找到关于这些操作栏的几个问题。但是，尽管如此，我还是找不到在（几乎）所有 API 级别上实现菜单栏的最佳和最简单的方法。 Google's solution 是不是最好的？

提前非常感谢！

Answer 1

您可能想查看ActionBarSherlock。源代码可用here。它将让您了解它是如何与片段一起使用的。它会给你一些关于如何进行的想法。

谷歌创建了一个 android 兼容性库，以使用他们为低版本（例如 1.5 及更高版本）上的蜂窝创建的一些新 API。它可以在 android sdk 文件夹中找到，例如 E:\Program Files\Android\android-sdk-windows\android-compatibility\v4\android-support-v4.jar。如果您没有此 jar，则需要使用 avd 管理器下载它。

Answer 2

我个人的偏好是使用 AndroidBarSherlock。这是一个出色的软件包，性能非常好。如果你想避免碎片，你也可以使用Android-ActionBar。关于 android-actionbar 唯一的事情是您必须将操作栏添加到您的每个布局中。

Answer 3

我所做的是添加了一个名为 titlebar.xml 的 xml 布局文件，它看起来像：

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android" style="@style/FullWidth">
    <RelativeLayout style="@style/FullWidth">
        <ImageView style="@style/WrapContent" android:src="@drawable/mylogo" android:layout_centerVertical="true" android:id="@+id/imageViewIcon" />
        <TextView style="@style/Title" android:layout_toRightOf="@+id/imageViewIcon" android:layout_toLeftOf="@+id/buttonSomeButton" android:id="@+id/textViewAppName"  android:text="@string/appName"/>
        <TextView style="@style/SubTitle" android:text="@string/empty" android:layout_marginLeft="3dip" android:layout_toRightOf="@+id/imageViewIcon" android:layout_toLeftOf="@+id/buttonSomeButton" android:layout_below="@+id/textViewAppName" android:id="@+id/textViewSubtitle" />
        <Button style="@style/NormalButton" android:id="@+id/buttonSomeButton" android:drawableRight="@drawable/button_image" android:layout_centerVertical="true" android:layout_alignParentTop="true" android:layout_alignParentRight="true" />
    </RelativeLayout>
</merge>

然后我创建了一个扩展 LinearLayout 的控件，名为 TitleBar.java，看起来像：

package com.sample.ui;

public class TitleBar extends LinearLayout {
    public TitleBar(Context context, AttributeSet attrs) {
        super(context, attrs);    
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        inflater.inflate(R.layout.titlebar, this);
    }
}

你可以在这个类中连接所有的按钮。如果您需要自定义按钮处理程序，您可以在此类中创建 set 方法。它将所有内容都很好地包含在一个控件中。

要在我想要包含此标题栏的任何 XML 文件中使用它，可以这样做：

<com.sample.ui.TitleBar style="@style/FullWidth" />

这对我的目的很有效，并且与 2.1 及更高版本兼容。我没有测试过低于 2.1 的版本，但我不明白为什么它不适用于以前的版本。

Answer 4

Google 在最新的Android Support Library (18) 中增加了对旧版 Android 上的 ActionBars 的支持。您必须使用 ActionBarActivity 并包含 android.support.v7.appcompat 支持库。它提供对 API 7 (2.1) 的支持

Answer 5

如何简单地创建一个 XML 布局文件，例如“top_bar.xml”，包含在每个活动的布局中？

所以在每一个activity的布局文件中，你需要一个线性布局（垂直方向）作为父级，然后添加以下内容：

<include layout="@layout/custom_action_bar" android:id="@+id/action_bar" />

然后，您必须将自定义操作栏中所有项目的 onclick 侦听器添加到这些活动的源文件中。

布局文件“custom_action_bar.xml”可能如下所示：

<merge xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/APP_ICON" />
    <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#ff0000" android:text="APP_TITLE">
</merge>

这不是一个简单的解决方案，但可能适用于所有 Android 平台版本，对吧？