AcitonBar自定义布局

封面图 • 2025-11-03 • Android开发

在 Android 开发中，`ActionBar` 是用于显示应用标题、导航菜单、操作按钮等的组件。从 Android 5.0（API 21）开始，`ActionBar` 被 `Toolbar` 取代，但如果你仍然使用 `ActionBar`，或者想自定义其布局，可以通过以下方式实现。

---

## ✅ 一、使用 `ActionBar` 自定义布局（适用于旧版本）

### 1. 创建自定义布局文件
例如：`custom_actionbar.xml`

```xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center"
    android:background="#FF4081">

<Button
        android:id="@+id/actionBarButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Custom Button"
        android:textColor="#FFFFFF" />
</LinearLayout>
```

### 2. 在 Activity 中设置自定义 ActionBar 布局

```java
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

// 设置自定义的 ActionBar 布局
    getSupportActionBar().setCustomView(R.layout.custom_actionbar);
    getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
}
```

> ⚠️ 注意：`getSupportActionBar()` 仅适用于 `AppCompatActivity`，如果是 `Activity`，请使用 `getActionBar()`。

---

## ✅ 二、使用 `Toolbar` 自定义布局（推荐方式）

从 Android 5.0 开始，推荐使用 `Toolbar` 替代 `ActionBar`，因为它更灵活且支持 Material Design。

### 1. 在 `activity_main.xml` 中添加 `Toolbar`

```xml
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

<androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:elevation="4dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

</LinearLayout>
```

### 2. 在 Activity 中设置 `Toolbar` 为 ActionBar

```java
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

Toolbar toolbar = findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

// 如果你有自定义的布局，可以在这里设置
    // 例如：toolbar.setNavigationIcon(R.drawable.ic_menu);
}
```

### 3. 自定义 `Toolbar` 的布局（可选）

你可以通过 `inflate` 自定义视图到 `Toolbar` 中：

```java
// 在 onCreate 中
LayoutInflater inflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
View customView = inflater.inflate(R.layout.custom_toolbar, null);
toolbar.addView(customView);
```

或者直接设置自定义标题：

```java
toolbar.setTitle("My Custom Title");
```

---

## ✅ 三、使用 `ActionBar` 自定义布局的完整示例（适用于 API < 21）

### 1. 在 `AndroidManifest.xml` 中设置主题为 `Theme.Holo.Light.NoActionBar`

```xml
<application
    android:theme="@style/AppTheme">
    ...
</application>
```

然后在 `styles.xml` 中定义：

```xml
<style name="AppTheme" parent="Theme.Holo.Light">
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowActionBar">false</item>
</style>
```

### 2. 在 Activity 中创建自定义 ActionBar

```java
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

// 创建自定义 ActionBar
    ActionBar actionBar = getActionBar();
    if (actionBar != null) {
        actionBar.setDisplayShowCustomEnabled(true);
        actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
        actionBar.setCustomView(R.layout.custom_actionbar);
    }
}
```

---

## 📝 小结

| 方法 | 适用版本 | 是否推荐 |
|------|----------|----------|
| `ActionBar` + 自定义布局 | API < 21 | 不推荐（已过时） |
| `Toolbar` + 自定义布局 | API >= 21 | ✅ 推荐 |

---

如果你有具体的需求（比如动态修改标题、按钮点击事件等），欢迎继续提问！