如何创建可自定义、可复用的ActionBar组件？求技术方案建议

完全不建议创建五个独立的ActionBar组件，打造单一通用ActionBar组件是更优的选择——不仅能大幅降低维护成本，还能保证全应用ActionBar样式统一，和你在React中用属性配置组件的思路完全契合。下面是具体实现步骤：

1. 编写通用布局文件 #

创建layout_custom_action_bar.xml，包含核心元素：标题文本、左侧返回按钮（默认隐藏）、右侧操作按钮（默认隐藏），用ConstraintLayout或LinearLayout做布局容器：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:orientation="horizontal"
    android:gravity="center_vertical"
    android:paddingHorizontal="16dp">

    <!-- 左侧返回按钮 -->
    <ImageView
        android:id="@+id/btn_back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_back"
        android:visibility="gone"
        android:clickable="true"
        android:padding="8dp"/>

    <!-- 标题文本 -->
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:textColor="@android:color/white"
        android:textSize="18sp"
        android:textStyle="bold"
        android:gravity="center"/>

    <!-- 右侧操作按钮 -->
    <TextView
        android:id="@+id/btn_action"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/white"
        android:textSize="16sp"
        android:visibility="gone"
        android:clickable="true"
        android:paddingHorizontal="16dp"
        android:paddingVertical="8dp"/>
</LinearLayout>

2. 创建自定义View类 #

实现CustomActionBar类，封装配置方法，让外部可以动态控制组件的显示和行为：

public class CustomActionBar extends LinearLayout {
    private ImageView btnBack;
    private TextView tvTitle;
    private TextView btnAction;

    public CustomActionBar(Context context) {
        super(context);
        initView(context);
    }

    public CustomActionBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context);
        // 读取xml自定义属性
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.CustomActionBar);
        String title = ta.getString(R.styleable.CustomActionBar_title);
        boolean showBack = ta.getBoolean(R.styleable.CustomActionBar_showBackButton, false);
        String actionText = ta.getString(R.styleable.CustomActionBar_actionButtonText);
        
        setTitle(title);
        showBackButton(showBack);
        setActionButtonText(actionText);
        
        ta.recycle();
    }

    private void initView(Context context) {
        inflate(context, R.layout.layout_custom_action_bar, this);
        btnBack = findViewById(R.id.btn_back);
        tvTitle = findViewById(R.id.tv_title);
        btnAction = findViewById(R.id.btn_action);
    }

    // 设置标题
    public void setTitle(String title) {
        if (!TextUtils.isEmpty(title)) {
            tvTitle.setText(title);
        }
    }

    // 控制返回按钮显示/隐藏
    public void showBackButton(boolean show) {
        btnBack.setVisibility(show ? VISIBLE : GONE);
    }

    // 设置返回按钮点击事件
    public void setBackButtonClickListener(OnClickListener listener) {
        btnBack.setOnClickListener(listener);
    }

    // 设置右侧操作按钮文本
    public void setActionButtonText(String text) {
        if (!TextUtils.isEmpty(text)) {
            btnAction.setText(text);
            btnAction.setVisibility(VISIBLE);
        } else {
            btnAction.setVisibility(GONE);
        }
    }

    // 设置右侧操作按钮点击事件
    public void setActionButtonClickListener(OnClickListener listener) {
        btnAction.setOnClickListener(listener);
    }

    // 扩展：支持设置右侧按钮图标
    public void setActionButtonIcon(int iconRes) {
        btnAction.setCompoundDrawablesWithIntrinsicBounds(0, 0, iconRes, 0);
        btnAction.setVisibility(VISIBLE);
    }
}

3. 定义自定义属性（可选，更贴近React的属性用法） #

在res/values/attrs.xml中添加自定义属性，这样可以直接在布局xml中配置ActionBar：

<resources>
    <declare-styleable name="CustomActionBar">
        <attr name="title" format="string"/>
        <attr name="showBackButton" format="boolean"/>
        <attr name="actionButtonText" format="string"/>
    </declare-styleable>
</resources>

4. 在页面中使用 #

方式1：XML配置+代码绑定事件 #

<!-- 布局文件中引入 -->
<com.yourpackage.CustomActionBar
    android:id="@+id/customActionBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:title="Screen name"
    app:showBackButton="true"
    app:actionButtonText="Add"/>

// Activity/Fragment中设置点击事件
CustomActionBar actionBar = findViewById(R.id.customActionBar);
actionBar.setBackButtonClickListener(v -> onBackPressed());
actionBar.setActionButtonClickListener(v -> {
    // 处理添加逻辑
});

方式2：纯代码动态配置 #

CustomActionBar actionBar = new CustomActionBar(this);
actionBar.setTitle("Another screen name");
actionBar.showBackButton(false);
actionBar.setActionButtonText(null); // 隐藏右侧按钮
// 将ActionBar添加到页面布局中
ViewGroup rootLayout = findViewById(R.id.root_layout);
rootLayout.addView(actionBar, 0);

为什么不推荐多组件方案？ #

如果创建五个独立ActionBar，后期需要修改样式（比如标题字体、背景色、按钮尺寸）时，必须逐个修改五个组件的布局和代码，维护成本极高；而通用组件只需要修改一处，就能同步更新全应用的ActionBar样式，完全符合**DRY（Don't Repeat Yourself）**原则。

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