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 extends View> 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:

<?xml version="1.0" encoding="utf-8"?><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

<?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="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 布局：

<?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:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        android:text="Hello World!" /></RelativeLayout>

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

Demo下载