摘要自Toolbar面世也有些年头了,但线上项目中一直没有机会使用。想着再不用就太对不起这么好的控件了,所以最近抽空研究了下Toolbar。写下这篇文章,做个总结。
Toolbar的问世是为了替换以前的ActionBar,它比ActionBar的使用更加灵活方便,它可以放在布局中的任何位置。不过一般都是把Toolbar放在布局的顶部来使用的。下面我就一步步学习下怎么使用Toolbar吧。
集成Toolba这个控件是谷歌在14年10月份加入到v7 appcompat兼容包中的。因此,要在项目中使用Toolb的话就必须要引入v7 appcompat包咯。现在用Android Studio创建项目会默认引入该包,如果是使用原来的老项目的话,可以手动引入。只需要在module的build.gradle的依赖里加入下面这行代码即可。
1compile 'com.android.support:appcompat-v7:23.1.0'
然后就可以在xml或者java中像普通控件那样使用Toolbar了。可以先看下下面这个xml的运行效果。
123456789101112131415161718192021222324252627282930
注 这里使用到了CoordinatorLayout这个控件,暂时就把他想象成RelativeLayout就行了,后面会介绍到它。
效果长这样
看到效果有人会说了,这跟ActionBar也没啥区别呀。我只能说客官你别着急,继续往下看嘛,这才刚开始。
配置Toolbar上面说了,Toolbar最常用的场景就是放在页面顶端当做ActionBar来使用。要把Toolbar当做ActionBar来使用,你只需两行代码就搞定了。
12Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);setSupportActionBar(toolbar); //如果不往下兼容的话,调用setActionBar(toolbar)即可;
通过上面的设置,我们就可以通过getSupportActionBar()来获取到一个ActionBar的实例,然后就可以调用ActionBar的方法来进行设置了。比如setDisplayHomeAsUpEnabled(true)就可以在Toolbar上显示一个导航按钮,可以是个箭头,也可以是个汉堡菜单。
Toolbar提供了比ActionBar更多的特性,包括可以在Toolba上放置一个导航按钮、品牌logo、标题和子标题、自定义的View以及ActionMenu.
我们可以通过java代码来设置这些参数,也可以通过在xml中的属性值来设置。但要记得使用自定义命名空间哟。
12345678910111213141516171819202122Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);//设置Toolbar为ActionBarsetSupportActionBar(toolbar);ActionBar ab = getSupportActionBar();ab.setDisplayHomeAsUpEnabled(true);//设置导航按钮,这里设置了一个汉堡按钮toolbar.setNavigationIcon(R.drawable.ic_menu);//给导航按钮设置点击监听toolbar.setNavigationOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(MainActivity.this, "导航按钮", Toast.LENGTH_SHORT).show(); }});//设置品牌logotoolbar.setLogo(R.mipmap.ic_launcher);//设置子标题toolbar.setSubtitle("子标题");
12345678910111213
通过上面这些设置之后,我们的Toolbar就长这样子了。现在看起来是不是像样多了。
怎么样,经过上面的介绍。Toolbar的基本用法应该都了解的差不多了吧。后面我会继续总结Toolbar跟其他控件的配合使用,包括NavigationView、RecyclerView、CoordinatorLayout等。敬请期待……