Android 自定义标题栏BaseActivity

一、简介

纵观目前市场上众多app，大部分都有一个格式相似的titile，如下图：

如果每一个页面都要写一个一样的title，是不是感觉太繁琐了呢？毕竟同一件事情做多了我们都感觉到不爽。更重要的是，万一需求改了，每个title都要改一遍，相信很容易让人崩溃的。
其实Google也做了一番努力的，先是ActaionBar，现在又出了ToolBar，但是ge人用起来感觉并不是那么爽，可能是我对该ToolBar等不熟悉吧，所以我基本没使用。对于这样的情形我一般用三种方式解决：
1.写一个统一的xml布局，用include方式引入
2.写一个BaseActivity继续Activity，然后让需要用到改title的都继续BaseActivity
3.自定义一个title控件，需求的时候把自定义的title写到xml文件即可
第一种方法比较简单，仅是一个xml文件即可，所以在此不做介绍，本文主要介绍第二种。第三种方式在后续文章介绍。

二、实现

实现起来方法也比较简单，首先上一个效果图，然后直接上代码

1.新建一个BaseActivity.java

public class BaseActivity extends AppCompatActivity {
    private RelativeLayout llRoot;
    private LinearLayout llBasetitleBack;
    private TextView tvBasetitleTitle;
    private TextView tvBasetitleOK;

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

        findView();

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            // 透明状态栏
          getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

        }
    }

    private void findView() {
        llRoot = (RelativeLayout) findViewById(R.id.ll_basetitle_root);
        llBasetitleBack = (LinearLayout) findViewById(R.id.ll_basetitle_back);
        tvBasetitleTitle = (TextView) findViewById(R.id.tv_basetitle_title);
        tvBasetitleOK = (TextView) findViewById(R.id.tv_basetitle_ok);
    }

    /**
    重点是重写setContentView，让继承者可以继续设置setContentView
     * 重写setContentView
     * @param resId
     */
    @Override
    public void setContentView(int resId) {
        View view = getLayoutInflater().inflate(resId, null);
        RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(
                RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.MATCH_PARENT);
        lp.addRule(RelativeLayout.BELOW, R.id.ll_basetitle);
        if (null != llRoot)
            llRoot.addView(view, lp);
    }

    /**
     *
     * 设置中间标题文字
     * @param c
     */
    public void setTitleText(CharSequence c) {
        if (tvBasetitleTitle != null)
            tvBasetitleTitle.setText(c);
    }
    /**
     *
     * 设置中间标题文字
     * @param resId
     */
    public void setTitleText(int resId) {
        if (tvBasetitleTitle != null)
            tvBasetitleTitle.setText(resId);
    }

    /**
     * 设置右边标题
     * @param c
     */
    public void setOKText(CharSequence c) {
        if (tvBasetitleOK != null)
            tvBasetitleOK.setText(c);
    }

    /**
     * 设置右边按钮是否显示
     * @param visible
     */
    public void setOkVisibity(boolean visible) {
        if (tvBasetitleOK != null) {
            if (visible)
                tvBasetitleOK.setVisibility(View.VISIBLE);
            else
                tvBasetitleOK.setVisibility(View.GONE);
        }
    }



    public LinearLayout getLlBasetitleBack() {
        return llBasetitleBack;
    }


    public TextView getTvBasetitleTitle() {
        return tvBasetitleTitle;
    }



    public TextView getTvBasetitleOK() {
        return tvBasetitleOK;
    }
}

2.BaseActivity.java 对应的布局文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ll_basetitle_root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff0dc0f8"
    android:clipToPadding="true"
    android:fitsSystemWindows="true">
    <LinearLayout
        android:id="@+id/ll_basetitle"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="#ff0dc0f8"
        android:orientation="horizontal">
        <LinearLayout
            android:id="@+id/ll_basetitle_back"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="3">
            <ImageView
                android:layout_width="16dp"
                android:layout_height="match_parent"
                android:layout_marginLeft="11dp"
                android:src="@drawable/base_title_arrow_back" />
            <TextView
                android:id="@+id/tv_basetitle_back"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:gravity="center_vertical"
                android:text="返回"
                android:textColor="#ffffff"
                android:textSize="16sp" />
        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="8">
            <TextView
                android:id="@+id/tv_basetitle_title"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:text="标题"
                android:textColor="#ffffff"
                android:textSize="16sp" />
        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="3">
            <TextView
                android:id="@+id/tv_basetitle_ok"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:text="OK"
                android:textColor="#ffffff"
                android:textSize="16sp" />
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

至此，一个简单的title就完成了，接下来来个小demo看下效果吧。MainAcitivity继承了BaseActivity，并且设置了一个自己的布局。

public class MainActivity extends BaseActivity implements View.OnClickListener {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //设置标题名称
        setTitle("测试BaseTitle");
        //返回按钮点击事件
        getLlBasetitleBack().setOnClickListener(this);
        //右边的OK键是否显示
        setOkVisibity(true);
    }
    @Override
    public void onClick(View view) {
        finish();
    }
}

MainActivity简单的布局文件如下。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff"
    >
    <TextView
        android:text="hello"
        android:gravity="center_vertical"
        android:layout_width="match_parent"
        android:padding="20sp"
        android:layout_height="wrap_content" />
</RelativeLayout>

运行的效果如下

没错，就这么简单，一个baseTitle就出来了，以后不管这么改动，只需改动一次即可，而且还不用每个页面都去写个title。