In this tutorial we will create an app that consists of Android Custom Action Bar with a custom layout. We assume that you have a basic understanding of the ActionBar component discussed in this tutorial.

在本教程中，我们将创建一个包含具有自定义布局的Android自定义操作栏的应用。 我们假定您对本教程中讨论的ActionBar组件有基本的了解。

Android自定义操作栏 (Android Custom Action Bar)

To customise an ActionBar first we need to configure the Theme in the res/values/styles.xml and set the theme for the respective activity class in the AndroidManifest.xml. Following is the xml layout for that:

要自定义ActionBar，首先我们需要在res/values/styles.xml配置Theme ，并在AndroidManifest.xml为各个活动类设置主题。 以下是该文件的xml布局：

styles.xml

styles.xml

<resources><style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"><!-- Customize your theme here. --></style><style name="CustomTheme" parent="Theme.AppCompat.Light"><item name="contentInsetStart">0dp</item><item name="contentInsetEnd">0dp</item></style></resources>

From the above snippet if we use AppTheme style for our activity, it will throw a null pointer exception as it explicitly specifies the NoActionBar theme.

从上面的代码片段开始，如果我们对活动使用AppTheme样式，则它将显式指定NoActionBar主题，因此将引发空指针异常 。

Hence we’ll use the CustomTheme style in this project. The contentInsetStart and contentInsetEnd are the padding values.

因此，我们将在该项目中使用CustomTheme样式。 contentInsetStart和contentInsetEnd是填充值。

Note that we will be using AppCompatActivity since it provides maximum compatibility with pre-3.0 Android versions.

请注意，我们将使用AppCompatActivity因为它与3.0之前的Android版本具有最大的兼容性。

自定义操作栏布局 (Custom Action Bar Layout)

Following is the view layout that will be set to the ActionBar from our MainActivity.

以下是将从MainActivity设置为ActionBar的视图布局。

custom_action_bar_layout.xml

custom_action_bar_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="https://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><TableRow><ImageButtonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/back"android:layout_gravity="center_vertical"android:background="@android:color/transparent"android:id="@+id/action_bar_back"android:layout_alignParentTop="true"android:layout_centerHorizontal="true" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/app_name"android:gravity="center_horizontal"android:textAppearance="?android:attr/textAppearanceMedium"android:textStyle="bold"android:padding="10dp"android:layout_alignParentTop="true"android:layout_weight="1"/><ImageButtonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/forward"android:id="@+id/action_bar_forward"android:layout_gravity="center_vertical"android:background="@android:color/transparent"android:layout_alignParentTop="true"android:layout_centerHorizontal="true" /></TableRow></TableLayout>

The view layout consists of two ImageButtons that represent forward and back image buttons and a TextView in the center.

视图布局由两个ImageButton组成，分别代表前向和后向图像按钮，以及一个位于中心的TextView。

Android自定义操作栏项目结构 (Android Custom Action Bar Project Structure)

Android自定义操作条形码 (Android Custom Action Bar Code)

The activity_main.xml is an empty RelativeLayout since our emphasis here is on the ActionBar.
The MainActivity.java is given below.

由于我们这里的重点是ActionBar，所以activity_main.xml是一个空的RelativeLayout。
MainActivity.java在下面给出。

package com.journaldev.customactionbar;import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageButton;
import android.widget.Toast;public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);getSupportActionBar().setDisplayShowCustomEnabled(true);getSupportActionBar().setCustomView(R.layout.custom_action_bar_layout);View view =getSupportActionBar().getCustomView();ImageButton imageButton= (ImageButton)view.findViewById(R.id.action_bar_back);imageButton.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {finish();}});ImageButton imageButton2= (ImageButton)view.findViewById(R.id.action_bar_forward);imageButton2.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(getApplicationContext(),"Forward Button is clicked",Toast.LENGTH_LONG).show();}});}}

In the above code we’re using support libraries. Hence we’ve used getSupportActionBar() instead of getActionBar().

在上面的代码中，我们正在使用支持库。 因此，我们使用了getSupportActionBar（）而不是getActionBar（） 。

To add a custom layout to the ActionBar we’ve called the following two methods on the getSupportActionBar() :

为了向ActionBar添加自定义布局，我们在getSupportActionBar（）上调用了以下两个方法：

• getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);getSupportActionBar（）。setDisplayOptions（ActionBar.DISPLAY_SHOW_CUSTOM）;
• getSupportActionBar().setDisplayShowCustomEnabled(true);getSupportActionBar（）。setDisplayShowCustomEnabled（true）;

setCustomView() is invoked to inflate the ActionBar with a customView as shown above.

如上所示，将调用setCustomView（）以使用customView为ActionBar充气。

To set the onClickListeners for the ActionBar buttons we need to get the CustomView first using getCustomView().
In this tutorial we’ve programmed the back button to close the activity using finish(); and the forward button to display a Toast.

要为ActionBar按钮设置onClickListeners，我们需要首先使用getCustomView（）获取CustomView。
在本教程中，我们对后退按钮进行了编程，以使用finish();关闭活动finish(); 和前进按钮以显示Toast。

Note : Add the following line in the AndroidManifest.xml inside the application tag.

注意：在AndroidManifest.xml的application标记内添加以下行。

android:theme="@style/CustomTheme"

Here is our android application with custom theme and layout.

这是带有自定义主题和布局的android应用程序。

Note: There is a fixed margin on either sides that can’t be modified. For that we’ll need to replace the ActionBar with a ToolBar. We’ll discuss on that in a later tutorial.

注意：两侧都有固定的边距，无法修改。 为此，我们需要将ActionBar替换为ToolBar。 我们将在以后的教程中对此进行讨论。

This brings an end to android custom action bar tutorial. You can download the final Android CustomActionBar Project from the below link.

这结束了android自定义操作栏教程。 您可以从下面的链接下载最终的Android CustomActionBar项目。

Reference: Android Doc

参考： Android文档

翻译自: https://www.journaldev.com/9952/android-custom-action-bar-example-tutorial