您好,欢迎来到五一七教育网。
搜索
您的当前位置:首页Android ToolBar 用法总结

Android ToolBar 用法总结

来源:五一七教育网
Android ToolBar 用法总结

什么是ToolBar

首先,ToolBar是谷歌在5.0版本时推出的一个新的布局控件,目的是为了替代不怎么好用的ActionBar的,ActionBar的不好用,本人是有体会的,谷歌的官方认为(实际上也是这样的),ActionBar在某些程度上了Android App开发与设计的弹性。

其次,谷歌为了保持移动端App界面的一致性体验,推出了Material Design设计风格,ToolBar就是其中的一个组件。而且,在标题栏这块,谷歌也给出了新的概念--App Bar。

最后,谷歌也早就不推荐(废弃)使用ActionBarActivity了,所以,再做新东西的时候就别再创建一个继承自ActionBarActivity的Activity了,强迫症患者是绝对不允许代码中有删除线的。当然,很多小伙伴早就ToolBar撸起来了,不用多说,公司的新项目也是上的ToolBar,这里做个用法的总结。 如何使用ToolBar 引用兼容包

要开始使用ToolBar首先要做的是引用相关的兼容包: compile 'com.android.support:design:23.3.0'

也就是我们刚才说的Material Design设计风格的兼容包,如果你的APP支持的最低版本是5.0+,就不用使用兼容包了,直接就支持了。 当然,还有一个兼容包:

compile 'com.android.support:appcompat-v7:23.3.0' 因为我的Activity不是继承自ActionBarActivity,而是AppCompatActivity。 使用ToolBar

引用了上面的design兼容包后,就可以在xml布局文件里这样来使用了: android:layout_width=\"match_parent\"

android:layout_height=\"?attr/actionBarSize\" android:background=\"@color/colorPrimary\"

toolBar:popupTheme=\"@style/Theme.ToolBar.Base\" toolBar:logo=\"@drawable/main_ic_home_selected\" toolBar:navigationIcon=\"@drawable/ic_launcher\" toolBar:title=\"ToolBar\"

toolBar:subtitle=\"subTitle\">

刚才说了,ToolBar是用来替换ActionBar的,如果我们的Activity继承自AppCompatActivity的话,默认是有ActionBar的,那么就会出现下面的情况:

所以,如果在xml中使用了ToolBar来替代ActionBar的话,就要设置

Activity的风格没有ActionBar,或者通过变通的方式实现。比如设置Theme:

假设我们的整个App的页面都是使用ToolBar的话,可以定义一个AppTheme.Base,内容如上,去掉ActionBar。 然后在设置具体的Theme,比如:

这里的属性配置,分别决定了对应的内容的颜色,看下图:

接下来的使用就基本上跟其他控件一样了,需要在Activity中声明,然后findViewById,最后拿来使用。xml里面的属性,代码同样有对应的方法去设置,对于xml设置属性,需要注意一点:命名空间

xmlns:toolBar=\"http://schemas.android.com/apk/res-auto\" toolBar:popupTheme=\"@style/Theme.ToolBar.Base\" toolBar:logo=\"@drawable/main_ic_home_selected\" toolBar:navigationIcon=\"@drawable/ic_launcher\" toolBar:title=\"ToolBar\"

toolBar:subtitle=\"subTitle\">

使用android自带的命名空间设置对应的属性是不生效的,但是不会报错,其实你只要知道这个控件时在兼容包里的,不是sdk自带的,稍微注意一下就好了。

但是,在java代码中,关键的一点其实是 setSupportActionBar(toolbar);

这句代码,这句代码就把用toolbar代替ActionBar体现的非常具体了,一看就能明白是什么意思。要注意的是,ToolBar的有些方法必须要在这句话之前调用才能生效,比如setTitle,而有些方法则必须要在这句话之后调用才能生效,比如setOnMenuItemClickListener,具体哪些之前调用,哪些之后调用,哪些前后无所谓就需要自己去查API了。

另外,ToolBar也支持设置menu,实现方式跟使用ActionBar一样的,加载xml布局:

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.menu_main, menu); return super.onCreateOptionsMenu(menu); }

@Override

public boolean onOptionsItemSelected(MenuItem item) { String msg = \"\";

switch (item.getItemId()) { case R.id.action_edit:

msg += \"Click edit--111\"; break;

case R.id.action_share:

msg += \"Click share--111\"; break;

case R.id.action_settings:

msg += \"Click setting--111\"; break;

case android.R.id.home:

msg += \"Click back--111\"; break; }

if(!msg.equals(\"\")) {

Toast.makeText(HelloWorldActivity.this, Toast.LENGTH_SHORT).show(); }

return true; }

msg,

还有,ToolBar作为布局控件,可以作为容器在里面再加上自定义布局: android:layout_width=\"match_parent\"

android:layout_height=\"?attr/actionBarSize\" android:background=\"@color/colorPrimary\"

toolBar:popupTheme=\"@style/Theme.ToolBar.Base\" toolBar:logo=\"@drawable/main_ic_home_selected\" toolBar:navigationIcon=\"@drawable/ic_launcher\" toolBar:title=\"ToolBar\"

toolBar:subtitle=\"subTitle\">

android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\" android:text=\"Custom TextView\"/>

这种使用方式可以轻松的实现标题内容居中等自定义的样式,如果是使用ActionBar就麻烦了许多。而且ToolBar作为一个布局控件,可以把它布局到xml的任何位置,不只是头部,ActionBar是固定在头部的,这点跟ActionBar区别很大,用起来也更加灵活多变,但估计不会有人把ActionBar放到别的位置吧!! ToolBar使用总结

以上基本上就是ToolBar的基本使用了,当然,ToolBar配合Material Design的其他元素使用,以及动画效果的修饰,使用起来还是挺好看的一种风格,个人比较推荐,我的博客项目也已经换上了ToolBar来实现了,需要具体代码的可以参考一下,有问题欢迎留言探讨。

最后是源码地址,如果觉得对您有帮助,并且想要一起提高Android开发技能的小伙伴能star一下,以后会继续在这个项目上添加新的内容,包括一些有用的工具类、各种控件、效果实现、设计模式的使用等等。

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- 517ttc.cn 版权所有 赣ICP备2024042791号-8

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务