自定义ActionBar标题与菜单中的文字样式

封面图 • 2025-10-26 • Android开发

在 Android 中，自定义 `ActionBar`（或 `AppCompatActivity` 中的 `Toolbar`）的标题和菜单中的文字样式可以通过以下几种方式实现：

---

## ✅ 一、使用 `Toolbar` 替代默认 ActionBar

如果你使用的是 `AppCompatActivity`，推荐使用 `Toolbar` 来替代默认的 `ActionBar`，这样可以更灵活地自定义样式。

### 步骤 1：在布局文件中添加 `Toolbar`

```xml

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
```

### 步骤 2：在 Activity 中设置 Toolbar 为 ActionBar

```java
// MainActivity.java
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

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

---

## ✅ 二、自定义 ActionBar 标题样式

### 方法 1：使用 `setTitle()` + 自定义字体

```java
// 在 Activity 中设置标题
getSupportActionBar().setTitle("自定义标题");

// 如果你想设置字体，可以在 XML 中设置：
// 或者在代码中设置 TextView 的字体
TextView titleView = new TextView(this);
titleView.setText("自定义标题");
titleView.setTextSize(20);
titleView.setTypeface(Typeface.DEFAULT_BOLD);

getSupportActionBar().setCustomView(titleView);
```

### 方法 2：使用 `Style` 自定义标题样式

在 `styles.xml` 中定义一个样式：

```xml

<style name="CustomActionBarTitle" parent="Widget.AppCompat.ActionBar.Title">
    <item name="android:textColor">#FF0000</item>
    <item name="android:textSize">20sp</item>
    <item name="android:fontFamily">@font/your_font</item> 
</style>
```

然后在 `Toolbar` 中应用这个样式：

```xml
<androidx.appcompat.widget.Toolbar
    ...
    style="@style/CustomActionBarTitle" />
```

> 注意：`Toolbar` 不支持直接设置 `style` 属性来修改标题样式，你需要通过 `TextView` 或 `AppCompat` 的方式来设置。

---

## ✅ 三、自定义菜单项文字样式

### 方法 1：使用 `menu.xml` 设置图标和文字

```xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_settings"
        android:title="设置"
        android:icon="@drawable/ic_settings"
        app:showAsAction="ifRoom" />
</menu>
```

### 方法 2：在 `onCreateOptionsMenu` 中自定义菜单项样式

```java
@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main_menu, menu);

// 遍历菜单项并设置字体
    for (int i = 0; i < menu.size(); i++) {
        MenuItem item = menu.getItem(i);
        SpannableString spannableString = new SpannableString(item.getTitle());
        spannableString.setSpan(new TypefaceSpan("fonts/your_font.ttf"), 0, spannableString.length(), Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        item.setTitle(spannableString);
    }

return true;
}
```

> **注意**：你需要自己实现 `TypefaceSpan` 类来支持自定义字体。

---

## ✅ 四、使用 `TypefaceSpan` 自定义字体

创建一个 `TypefaceSpan` 类：

```java
public class TypefaceSpan extends MetricAffectingSpan {
    private final Typeface typeface;

public TypefaceSpan(Typeface typeface) {
        this.typeface = typeface;
    }

@Override
    public void updateMeasureState(TextPaint p) {
        p.setTypeface(typeface);
    }

@Override
    public void updateDrawState(TextPaint p) {
        p.setTypeface(typeface);
    }
}
```

然后在 `onCreateOptionsMenu` 中使用：

```java
Typeface typeface = Typeface.createFromAsset(getAssets(), "fonts/your_font.ttf");
SpannableString spannableString = new SpannableString("设置");
spannableString.setSpan(new TypefaceSpan(typeface), 0, spannableString.length(), Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
item.setTitle(spannableString);
```

---

## ✅ 五、总结

| 功能 | 实现方式 |
|------|----------|
| 自定义 ActionBar 标题 | 使用 `Toolbar` + `TextView` 或 `Style` |
| 自定义菜单文字样式 | 在 `onCreateOptionsMenu` 中使用 `SpannableString` + `TypefaceSpan` |
| 自定义字体 | 使用 `TypefaceSpan` 类 |

---

如果你有具体的样式需求（如颜色、字体、大小等），我可以帮你写出完整的代码示例。欢迎继续提问！