Android Toolbar的简单使用

本篇文章仅为个人学习记录;

Toolbar是android.support.v7包中的,所以需要导入appcompat-v7包;
在使用Toolbar时,需要隐藏掉原来的ActionBar,直接在主题中修改:

 
或者
    

1、创建布局




    

2、设置属性

        mToolbar = findViewById(R.id.toolbar);
        mToolbar.setTitle("测试标题");                 //设置标题  布局app:title
        mToolbar.setSubtitle("测试子标题");            //设置子标题  布局 app:subTitle
        mToolbar.setLogo(R.mipmap.ic_launcher);         //设置图标  布局 app:logo
        //设置标题和子标题颜色
        mToolbar.setTitleTextColor(Color.parseColor("#FFFFFF"));      //设置标题颜色  布局 app:titleTextColor
        mToolbar.setSubtitleTextColor(Color.parseColor("#FFFFFF"));    //设置子标题颜色  布局 app:subTitleTextColor
       //修改主标题的外观、颜色
        mToolbar.setTitleTextAppearance(this,R.style.Theme_Toolbar_Base_Title);  // 布局:app:titleTextAppearance
         mToolbar.setPopupTheme(R.style.PopupMenu);          //溢出菜单弹窗设置  布局 app:popupTheme
      mToolbar.setSubtitleTextAppearance(this,R.style.Theme_Toolbar_Base_Title);  //布局:app:subTitleTextAppearance
        //设置导航图标要在setSupportActionBar后
        setSupportActionBar(mToolbar);
        mToolbar.setNavigationIcon(android.R.drawable.ic_menu_myplaces);       //设置导航图标
//        getSupportActionBar().setDisplayHomeAsUpEnabled(true) ;                 //左侧按钮

3、使用到的样式

    
    

    
    
    
    

    
    

4、添加菜单
定义res/menu/menu.main.xml文件



    
    
    
    

将menu布局添加到toolbar中:

//重写此方法,将菜单加载进ToolBar,如果没有Toolbar,菜单是加载不出来滴
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main,menu);
        return true;
    }

5、点击事件
左侧按钮点击事件

设置导航图标:mToolbar.setNavigationIcon(android.R.drawable.ic_menu_myplaces);       
原生显示左侧返回按钮图标:getSupportActionBar().setDisplayHomeAsUpEnabled(true) ;   
点击事件,在setSupportActionBar(mToolBar)后:
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()){
            case android.R.id.home:
                Snackbar.make(mToolbar,"左侧按钮",Snackbar.LENGTH_SHORT).show();
                break;
        }
        return true;
    }

菜单点击事件:

 //为菜单添加点击事件,需要在setSupportActionBar之后
        mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                switch (item.getItemId()){
                    case R.id.action_search:
                        Snackbar.make(mToolbar,"搜索",Snackbar.LENGTH_SHORT).show();
                        break;
                    case R.id.action_notifications:
                        Snackbar.make(mToolbar,"通知",Snackbar.LENGTH_SHORT).show();
                        break;
                    case R.id.action_setting:
                        Snackbar.make(mToolbar,"设置",Snackbar.LENGTH_SHORT).show();
                        break;
                }
                return true;       //返回true消费事件
            }
        });

6、toolbar中直接布局标题等信息,只当简单控件




    
        
        
Android Toolbar的简单使用_第1张图片

你可能感兴趣的:(Android Toolbar的简单使用)