BaseActivity中标题栏TitleBar的封装

在写程序的时候，很多时候我们都需要用到标题栏，标题栏基本上贯穿于整个APP应用，我们不可能在每个Activity中都单独写一个标题栏的布局，这样代码的复用性和可维护性很差，同时也显得臃肿，因此我们需要把这样共性的东西封装成一个基类TopBaseActivity，在这里面实现功能，让其他Activity继承基类TopBaseActivity就能实现标题栏功能，需要设置标题，切换，点击监听就在子类的Activity中实现。这样岂不是很方便，接下来一步一步的去实现这个功能。效果图如下：

一、创建TopBaseActivity，布局文件如下：

<?xml version="1.0" encoding="utf-8"?><LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/activity_main"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <android.support.v7.widget.Toolbar        android:id="@+id/toolsbar"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:background="#9DA2E2">        <TextView            android:id="@+id/tv_title"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:gravity="center"            android:textSize="18sp"            android:text="呵呵"/>    </android.support.v7.widget.Toolbar>    <FrameLayout        android:id="@+id/ContentView"        android:layout_width="match_parent"        android:layout_height="match_parent"/></LinearLayout>

1、Toolbar这个类是设置标题栏的类，中间的TextView表示标题栏名称，这里面可以根据需求进行设置

2、FrameLayout表示填充内容的布局

二、初始化布局

        toolbar = (Toolbar) findViewById(R.id.toolsbar);        tvTitle = (TextView) findViewById(R.id.tv_title);        FrameLayout contentView = (FrameLayout) findViewById(R.id.ContentView);        setSupportActionBar(toolbar);        getSupportActionBar().setDisplayShowTitleEnabled(false);        LayoutInflater.from(this).inflate(getContentView(), contentView);        initTitle();

setSupportActionBar(toolbar);表示使用ToolBar控件替代ActionBar控件。

getSupportActionBar().setDisplayShowTitleEnabled(false);表示不使用图片占位。

getContentView是一个抽象方法，由子类实现，根据子类的布局设置。

initTitle也是一个抽象方法，由子类实现，根据子类的标题设置标题。

    protected abstract void initTitle();    protected abstract int getContentView();    public void setTitle(String title) {        tvTitle.setText(title);    }

三、设置点击事件

在标题栏中，一把有个返回按钮和进入按钮，这时候想点击返回或者进入按钮就要设置监听事件了，那么我们在父类的Activity该怎么设置呢？这里通过方法回调进行监听设置。如下：

    private OnClickListener clickListenerTopLeft;    private OnClickListener clickListenerTopRight;    public interface OnClickListener {        void onClick();    }

四、设置标题栏两侧数据方法

标题栏两侧数据有可能是文字或者图片，下面通过多个方法，使用方法重载进行数据设置。

    protected void setTopLeftButton(int iconResId, OnClickListener onClickListener) {        toolbar.setNavigationIcon(iconResId);        this.clickListenerTopLeft = onClickListener;    }    protected void setTopRightButton(String str, OnClickListener onClickListener) {        this.menuStr = str;        this.clickListenerTopRight = onClickListener;    }    protected void setTopRightButton(int iconResId, OnClickListener onClickListener) {        this.menuIcon = iconResId;        this.clickListenerTopRight = onClickListener;    }    protected void setTopRightButton(String str,int iconResId, OnClickListener onClickListener) {        this.menuStr = str;        this.menuIcon = iconResId;        this.clickListenerTopRight = onClickListener;    }

五、设置标题栏右侧的数据布局

1、重写onCreateOptionsMenu创建菜单Menu

    @Override    public boolean onCreateOptionsMenu(Menu menu) {        if (!TextUtils.isEmpty(menuStr)||menuIcon!=0) {            getMenuInflater().inflate(R.menu.menu_activity_base_top_bar, menu);        }        return true;    }

2、菜单Menu的布局文件如下

<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android"      xmlns:app="http://schemas.android.com/apk/res-auto">      <item android:id="@+id/menu_1"            android:title=""          app:showAsAction="always"/></menu>

六、标题栏左右两侧数据点击事件的初始化

    @Override    public boolean onOptionsItemSelected(MenuItem item) {        if (item.getItemId() == android.R.id.home) {            if (clickListenerTopLeft != null) {                clickListenerTopLeft.onClick();            }        } else if (item.getItemId() == R.id.menu_1) {            clickListenerTopRight.onClick();        }        return true;    }

七、使用

让Activity继承自TopBaseActivity布局即可，实现抽象方法，设置子类布局

    @Override    protected int getContentView() {        return R.layout.activity_main;    }

设置标题，左右侧文字：

        setTitle("测试");        setTopLeftButton(R.mipmap.close_seletced, new OnClickListener() {            @Override            public void onClick() {                Toast.makeText(MainActivity.this, "你把我的左边点击了", Toast.LENGTH_SHORT).show();            }        });        setTopRightButton("增加", new OnClickListener() {            @Override            public void onClick() {                Toast.makeText(MainActivity.this, "你把我的右边点文字击了", Toast.LENGTH_SHORT).show();            }        });

怎么样，简单吧，，源码已上传至http://download.csdn.net/detail/yoonerloop/9861205点击打开链接