Android 统一为项目中的所有 Activity 添加自定义TopBar

出处

这两天在查看 GitHub 上的一个比较火的开源库 BaseRecyclerViewAdapterHelper 的 demo 过程中，学到了一项新的技能。这里整理出来，与大家分享一下。

实现的功能

我们在写项目的过程中，几乎每个 Activity 中 都是有一个 标题栏的。我的常规写法就是：每创建一个新的 Activity , 都会在布局文件中添加一个 toolbar （可以是自定义的，或者是系统的 ToolBar）。 那么这次 GET 到的新技能，就是一次性帮你解决 每个 Activity 都要重复添加 toolbar 的问题。

相关实现代码

我们在项目初期，都会有一个 BaseActivity 来做一些统一性的操作，然后所有 Activity 统一继承于 这次我们也是在 BaseActivity 中去进行实现的。
那么我们来看一下 BaseActivity主要代码：

public class BaseActivity extends FragmentActivity {

    private LinearLayout root_layout;
    private View toolbar_layout;

    private TextView tv_left_back;
    private TextView tv_title;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 重点
        super.setContentView(R.layout.layout_root);
        initToolbar();
    }

    @Override
    public void setContentView(@LayoutRes int layoutResID) {
        setContentView(View.inflate(this, layoutResID, null));
    }

    @Override
    public void setContentView(View view) {
        root_layout = (LinearLayout) findViewById(R.id.root_layout);
        if (root_layout != null) {
            root_layout.addView(view, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            initToolbar();
        }
    }

    /**
     * 初始化 toolbar 内容布局
     */
    private void initToolbar() {
        tv_left_back = f(R.id.tv_back);
        tv_title = f(R.id.tv_title);
        toolbar_layout = f(R.id.ll_toolbar);
    }

    /**
     * 设置返回按钮
     */
    protected void setBack() {
        if (tv_left_back != null) {
            tv_left_back.setVisibility(View.VISIBLE);
            tv_left_back.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    finish();
                }
            });
        }
    }

    /**
     * 设置当前 Activity 标题
     *
     * @param title
     */
    protected void setTitle(String title) {
        if (tv_title != null) {
            tv_title.setVisibility(View.VISIBLE);
            tv_title.setText(title);
        }
    }

    /**
     * 隐藏头部标题栏
     */
    protected void hideToolbar() {
        if (toolbar_layout != null) {
            toolbar_layout.setVisibility(View.GONE);
        }
    }

    protected  T f(int id) {
        return (T) findViewById(id);
    }

}

上面代码需要注意的就是要搞清楚 几个 setContentView 的走向。

Activity(extends BaseActivity) setContentView(int layoutResId) 
    --> Base setContentView(View view) 
    --> super.setContentView(int layoutResId)

从这个流程我们就能看出来了，Activity 的布局是被作为子布局添加上去的。每次 setContentView 的最终布局都是 layout_root 。这样就实现了每个界面都有 toolbar 的效果。我们可以在 BaseActivity 根据自己的需要去添加方法。
下面是相关的几个布局
layout_root:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:orientation="vertical">

    <include
        android:id="@+id/ll_toolbar"
        layout="@layout/layout_toolbar" />

LinearLayout>

layout_toolbar

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:background="@color/colorPrimary"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/tv_back"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:drawableLeft="@drawable/back"
        android:drawablePadding="5dp"
        android:gravity="center_vertical"
        android:padding="10dp"
        android:text="返回"
        android:textColor="#fff"
        android:visibility="gone" />


    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:textColor="#fff"
        android:textSize="15sp"
        android:visibility="gone" />

RelativeLayout>

哈哈，东西也就这么多，下面我把演示界面代码贴出来。

这里我就只以一个简单的界面来作为演示。
- 演示界面效果

• 界面的代码：

public class MainActivity extends BaseActivity {

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

        setBack();
        setTitle("这是每个界面都有的标题");
    }
}

• activity_main 布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Hello World!" />

RelativeLayout>

主要代码就在 BaseActivity 中，也没什么多说的。

Demo下载