自定义ActionBar添加MenuItem后如何保持TextView居中？

Hey there! Let's figure out how to keep that TextView centered in your custom ActionBar even after adding MenuItems. I've run into this exact issue before, so here are a couple of solid solutions:

方案一：调整原生ActionBar的自定义布局配置 #

问题根源是默认ActionBar会给MenuItems和Home图标预留左侧空间，挤压你的自定义布局到右侧。我们可以通过以下步骤修复：

1. 修改自定义ActionBar布局文件（custom_action_bar_layout.xml） #

使用RelativeLayout或ConstraintLayout作为根布局，确保TextView相对于父布局完全居中：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/center_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="居中标题"
        android:textSize="18sp"
        android:textColor="@android:color/white"
        android:layout_centerInParent="true"/>

</RelativeLayout>

2. 在Java代码中配置ActionBar，让自定义布局填满整个宽度 #

关键是隐藏默认的Home图标和标题，并移除ActionBar的默认内边距：

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

    ActionBar actionBar = getSupportActionBar();
    if (actionBar != null) {
        actionBar.setDisplayShowCustomEnabled(true);
        actionBar.setDisplayShowTitleEnabled(false); // 隐藏默认标题
        actionBar.setDisplayShowHomeEnabled(false); // 隐藏Home图标，避免占据左侧空间
        
        // 加载自定义布局
        LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View customView = inflater.inflate(R.layout.custom_action_bar_layout, null);
        actionBar.setCustomView(customView);
        
        // 关键：移除ActionBar的默认内边距，让自定义布局填满整个宽度
        Toolbar parentToolbar = (Toolbar) customView.getParent();
        parentToolbar.setContentInsetsAbsolute(0, 0);
    }
}

3. 处理MenuItem显示 #

如果你的MenuItem需要显示在左侧，确保在menu.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_menu"
        android:title="菜单"
        android:icon="@drawable/ic_menu"
        app:showAsAction="always"
        android:orderInCategory="0"/> <!-- 设置优先级为最高，让它显示在左侧 -->
</menu>

方案二：改用Toolbar（推荐，更灵活） #

Toolbar是Android官方推荐的替代ActionBar的组件，布局控制更自由，能彻底解决居中问题：

1. 在Activity布局中添加Toolbar #

直接在布局里定义所有组件的位置，包括左侧菜单和居中TextView：

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary">

    <!-- 左侧菜单按钮 -->
    <ImageView
        android:id="@+id/left_menu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_menu"
        android:layout_gravity="start"
        android:padding="8dp"/>

    <!-- 居中的标题TextView -->
    <TextView
        android:id="@+id/toolbar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="居中标题"
        android:textSize="18sp"
        android:textColor="@android:color/white"
        android:layout_gravity="center"/>

</androidx.appcompat.widget.Toolbar>

2. 在Java代码中配置Toolbar为ActionBar #

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

    Toolbar toolbar = findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    // 隐藏默认标题，避免和自定义TextView冲突
    getSupportActionBar().setDisplayShowTitleEnabled(false);

    // 给左侧菜单按钮设置点击事件
    ImageView leftMenu = findViewById(R.id.left_menu);
    leftMenu.setOnClickListener(v -> {
        // 这里可以处理菜单点击逻辑，比如弹出选项菜单
        openOptionsMenu();
    });
}

这种方法的优势是你可以完全掌控每个组件的位置，不用担心ActionBar的默认布局规则干扰，TextView的居中效果绝对稳定。

内容的提问来源于stack exchange，提问作者Keselme