Android進階---一個項目,一個Toolbar

需求

在日常的開發(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中的方法或者重寫方法就可以了。有興趣的可以看下代碼,歡迎指正

Demo地址

實現(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菜單的顯示和點擊事件
    }

各位看官感興趣的話,歡迎去看看,****這里是地址****,有什么可以修改的,歡迎提出寶貴意見!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容