需求
在日常的開發(fā)當(dāng)中,經(jīng)常會用到Toolbar作為標題欄,如果在每個view里面都寫一個Toolbar的話,顯然有點冗余,一般情況下在每個項目里面都有一個BaseActivity,作為所有Activity的父類,我們就可以在BaseActivity中封裝好Toolbar,在子類用BaseActivity提供的方法調(diào)用即可。
展示
來來來,往這邊看,下面的的gif都是通過一個Toolbar實現(xiàn)的:

toolbar.gif
是不是很不錯,只用在子Activity中調(diào)用BaseActivity中的方法或者重寫方法就可以了。有興趣的可以看下代碼,歡迎指正
實現(xiàn)
先在BaseActivity中寫好布局文件,一個Toolbar和一個RelativeLayout:
先看布局文件activity_base.xml:
-
common_title_tb就是我們復(fù)用的toolbar。 -
common_title_tv就是復(fù)用的toolbar中的標題。 -
RelativeLayout就是我們子Activity所要顯示的地方
<?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_base"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.sean.demo.ui.BaseActivity">
<android.support.v7.widget.Toolbar
android:id="@+id/common_title_tb"
android:layout_width="match_parent"
android:layout_height="@dimen/common_toolbar_height"
android:background="@color/colorPrimary"
android:elevation="6dp">
<TextView
android:id="@+id/common_title_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="我是標題"
android:textColor="@color/white"
android:textSize="16sp" />
</android.support.v7.widget.Toolbar>
<RelativeLayout
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"></RelativeLayout>
</LinearLayout>
然后我們需要在BaseActivity中暴露給子類特定的方法,讓子類去根據(jù)自己的實際情況去定制頁面。
接下來看下我們的BaseActivity:
主要方法有:
-
setToolBar子類重新設(shè)置Toolbar樣式(需要子類重新寫一個Toolbar) -
hidetoolBar子類不需要Toolbar的時候,可以隱藏掉通用的Toolbar -
setToolBarMenuOnclick給Toolbar的menu設(shè)置點擊事件,滿足不同頁面的需求 -
setBackArrow設(shè)置通用的返回按鈕,需要的時候直接調(diào)用該方法就可以了 -
setContentLayout設(shè)置子類的布局(這個時候就不用設(shè)置setContentView()了) -
setTitle設(shè)置標題文字
代碼:
public class BaseActivity extends AppCompatActivity {
/**
* 通用的ToolBar標題
*/
private TextView commonTitleTv;
/**
* 通用的ToolBar
*/
private Toolbar commonTitleTb;
/**
* 內(nèi)容區(qū)域
*/
private RelativeLayout content;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_base);
initView();
setSupportActionBar(commonTitleTb);
getSupportActionBar().setDisplayShowTitleEnabled(false);
}
private void initView() {
commonTitleTv = (TextView) findViewById(R.id.common_title_tv);
commonTitleTb = (Toolbar) findViewById(R.id.common_title_tb);
content = (RelativeLayout) findViewById(R.id.content);
}
/**
* 子類調(diào)用,重新設(shè)置Toolbar
*
* @param layout
*/
public void setToolBar(int layout) {
hidetoolBar();
commonTitleTb = (Toolbar) content.findViewById(layout);
setSupportActionBar(commonTitleTb);
//設(shè)置actionBar的標題是否顯示,對應(yīng)ActionBar.DISPLAY_SHOW_TITLE。
getSupportActionBar().setDisplayShowTitleEnabled(false);
}
/**
* 隱藏ToolBar,通過setToolBar重新定制ToolBar
*/
public void hidetoolBar() {
commonTitleTb.setVisibility(View.GONE);
}
/**
* menu的點擊事件
*
* @param onclick
*/
public void setToolBarMenuOnclick(Toolbar.OnMenuItemClickListener onclick) {
commonTitleTb.setOnMenuItemClickListener(onclick);
}
/**
* 設(shè)置左上角back按鈕
*/
public void setBackArrow() {
final Drawable upArrow = getResources().getDrawable(R.drawable.common_back_ic);
//給ToolBar設(shè)置左側(cè)的圖標
getSupportActionBar().setHomeAsUpIndicator(upArrow);
// 給左上角圖標的左邊加上一個返回的圖標 。對應(yīng)ActionBar.DISPLAY_HOME_AS_UP
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
//設(shè)置返回按鈕的點擊事件
commonTitleTb.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
}
/**
* 設(shè)置toolbar下面內(nèi)容區(qū)域的內(nèi)容
*
* @param layoutId
*/
public void setContentLayout(int layoutId) {
LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View contentView = inflater.inflate(layoutId, null);
ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT);
content.addView(contentView, params);
}
/**
* 設(shè)置標題
*
* @param title
*/
public void setTitle(String title) {
if (!TextUtils.isEmpty(title)) {
commonTitleTv.setText(title);
}
}
/**
* 設(shè)置標題
*
* @param resId
*/
public void setTitle(int resId) {
commonTitleTv.setText(resId);
}
}
比如你想在上面gif圖的EventBusActivity的Activity使用,并且實現(xiàn)menu點擊事件、返回按鈕、設(shè)置標題等操作,只需要下面很簡單的代碼就可以了:
再來看看子Activity:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentLayout(R.layout.activity_event_bus);//設(shè)置到BaseActivity中的content中
setTitle("EventBus使用");//設(shè)置標題
setBackArrow();//設(shè)置返回按鈕和點擊事件
setToolBarMenuOnclick(new EventBusMenuItemClick());//設(shè)置menu菜單的顯示和點擊事件
}
各位看官感興趣的話,歡迎去看看,****這里是地址****,有什么可以修改的,歡迎提出寶貴意見!