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点击打开链接