需求
在日常的開發當中,經常會用到Toolbar作為標題欄,如果在每個view里面都寫一個Toolbar的話,顯然有點冗余,一般情況下在每個項目里面都有一個BaseActivity,作為所有Activity的父類,我們就可以在BaseActivity中封裝好Toolbar,在子類用BaseActivity提供的方法調用即可。
展示
來來來,往這邊看,下面的的gif都是通過一個Toolbar實現的:
toolbar.gif
是不是很不錯,只用在子Activity中調用BaseActivity中的方法或者重寫方法就可以了。有興趣的可以看下代碼,歡迎指正
實現
先在BaseActivity中寫好布局文件,一個Toolbar和一個RelativeLayout:
先看布局文件activity_base.xml
:
-
common_title_tb
就是我們復用的toolbar。 -
common_title_tv
就是復用的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中暴露給子類特定的方法,讓子類去根據自己的實際情況去定制頁面。
接下來看下我們的BaseActivity:
主要方法有:
-
setToolBar
子類重新設置Toolbar樣式(需要子類重新寫一個Toolbar) -
hidetoolBar
子類不需要Toolbar的時候,可以隱藏掉通用的Toolbar -
setToolBarMenuOnclick
給Toolbar的menu設置點擊事件,滿足不同頁面的需求 -
setBackArrow
設置通用的返回按鈕,需要的時候直接調用該方法就可以了 -
setContentLayout
設置子類的布局(這個時候就不用設置setContentView()
了) -
setTitle
設置標題文字
代碼:
public class BaseActivity extends AppCompatActivity {
/**
* 通用的ToolBar標題
*/
private TextView commonTitleTv;
/**
* 通用的ToolBar
*/
private Toolbar commonTitleTb;
/**
* 內容區域
*/
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);
}
/**
* 子類調用,重新設置Toolbar
*
* @param layout
*/
public void setToolBar(int layout) {
hidetoolBar();
commonTitleTb = (Toolbar) content.findViewById(layout);
setSupportActionBar(commonTitleTb);
//設置actionBar的標題是否顯示,對應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);
}
/**
* 設置左上角back按鈕
*/
public void setBackArrow() {
final Drawable upArrow = getResources().getDrawable(R.drawable.common_back_ic);
//給ToolBar設置左側的圖標
getSupportActionBar().setHomeAsUpIndicator(upArrow);
// 給左上角圖標的左邊加上一個返回的圖標 。對應ActionBar.DISPLAY_HOME_AS_UP
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
//設置返回按鈕的點擊事件
commonTitleTb.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
}
/**
* 設置toolbar下面內容區域的內容
*
* @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);
}
/**
* 設置標題
*
* @param title
*/
public void setTitle(String title) {
if (!TextUtils.isEmpty(title)) {
commonTitleTv.setText(title);
}
}
/**
* 設置標題
*
* @param resId
*/
public void setTitle(int resId) {
commonTitleTv.setText(resId);
}
}
比如你想在上面gif圖的EventBusActivity
的Activity使用,并且實現menu點擊事件、返回按鈕、設置標題等操作,只需要下面很簡單的代碼就可以了:
再來看看子Activity:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentLayout(R.layout.activity_event_bus);//設置到BaseActivity中的content中
setTitle("EventBus使用");//設置標題
setBackArrow();//設置返回按鈕和點擊事件
setToolBarMenuOnclick(new EventBusMenuItemClick());//設置menu菜單的顯示和點擊事件
}
各位看官感興趣的話,歡迎去看看,****這里是地址****,有什么可以修改的,歡迎提出寶貴意見!