1.什么是Toolbar

Toolbar是在Android5.0时出现的一个新控件,其目的用于取代Actionbar,它与Actionbar最大的差别就是Toolbar使用更加灵活、自由,而且Toolbar遵循Material Design规范。

想要使用Toolbar必须引用appcompat-v7库。当然另一种方法。就是将API改动为21以上,这样的方法的Toolbar不支持API21下面的系统,所以用的不多。

2.Toolbar的使用

2.1 加入V7支持库

这里使用appcompat-v7库中的Toolbar,这个库的Toolbar能够兼容5.0下面的系统。

首先在AndroidStudio的build.gradle文件里加入上这行代码

  1. dependencies {
  2. compile fileTree(dir: 'libs', include: ['*.jar'])
  3. testCompile 'junit:junit:4.12'
  4. // 加入V7支持库
  5. compile 'com.android.support:appcompat-v7:23.2.1'
  6. }

2.2 自己定义Toolbar

styles文件里改动主题样式,使其继承Theme.AppCompat.Light.NoActionBar。这个主题样式没有ActionBar。所以我们一会自己定义一个。

  1. <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
  2. <!-- 顶部状态栏的颜色 -->
  3. <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
  4. <!-- actionbar 的颜色 -->
  5. <item name="colorPrimary">@color/colorPrimary</item>
  6. <!-- actionbar 文字的颜色 -->
  7. <item name="android:textColorPrimary">@color/body_text_1</item>
  8. <!-- 改动默认颜色和menu文字颜色 -->
  9. <item name="android:textColor">@color/body_text_2</item>
  10. <!-- 文字选中时的高亮 -->
  11. <item name="android:textColorHighlight">@color/colorPrimary</item>
  12. <!-- 各种控件的颜色 -->
  13. <item name="colorAccent">@color/colorPrimary</item>
  14. </style>

OK,之后在layout中创建一个xml布局,在布局中加入例如以下代码。

  1. <?xml version="1.0" encoding="utf-8"?
  2. >
  3. <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
  4. xmlns:app="http://schemas.android.com/apk/res-auto"
  5. android:id="@+id/toolbar"
  6. android:layout_width="match_parent"
  7. android:layout_height="wrap_content"
  8. android:background="@color/colorPrimary"
  9. android:minHeight="56dp" />

Toolbar定义完毕。假设想使用它。仅仅要在其它的xml布局中通过include标签引入它即可了。

2.3 使用Toolbar

在文章的开头说了。Toolbar主要使用于替换Actionbar的,所以Toolbar的使用方法事实上跟Actionbar的使用方法相似,但也有些不一样。

假设想要在Activity中使用Toolbar,那么该Activity必须继承AppCompatActivity,并通过setSupportActionBar()方法替换掉Actionbar。

  1. @Override
  2. protected void onCreate(Bundle savedInstanceState) {
  3. super.onCreate(savedInstanceState);
  4. setContentView(R.layout.activity_main);
  5. // 获得Toolbar。替换Actionbar
  6. mToolbar = (Toolbar) findViewById(R.id.toolbar);
  7. setSupportActionBar(mToolbar);
  8. }

能够通过例如以下代码来加入Toolbar的标题和图标。

  1. mToolbar.setTitle("标题");
  2. mToolbar.setSubtitle("子标题");
  3. mToolbar.setLogo(R.mipmap.ic_launcher);

OK。效果例如以下

2.4 加入Menu菜单

Menu配置也与Actionbar相似,首先在menu目录中定义menu配置文件

  1. <menu xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:app="http://schemas.android.com/apk/res-auto"
  3. xmlns:tools="http://schemas.android.com/tools"
  4. tools:context="com.torment.toolbardemo.MainActivity">
  5. <item
  6. android:id="@+id/action_settings"
  7. android:orderInCategory="100"
  8. android:title="@string/str_setting"
  9. app:showAsAction="never" />
  10. <item
  11. android:id="@+id/action_add"
  12. android:icon="@mipmap/ic_search_white"
  13. android:orderInCategory="100"
  14. android:title="@string/str_add"
  15. app:showAsAction="ifRoom" />
  16. <item
  17. android:id="@+id/action_delete"
  18. android:icon="@mipmap/ic_notifications_white"
  19. android:orderInCategory="100"
  20. android:title="@string/str_delete"
  21. app:showAsAction="ifRoom" />
  22. </menu>

这里须要注意app:showAsAction这个属性。不能使用android:showAsAction。这是由于使用Toolbar来自V7包,所以使用android:showAsAction设置完是无效的。这是一个坑须要注意一下(下面还有好多坑)。

当配置完menu文件之后。仅仅须要在Activity的onCreateOptionsMenu()中载入这个menu文件即可。

  1. @Override
  2. public boolean onCreateOptionsMenu(Menu menu) {
  3. getMenuInflater().inflate(R.menu.menu_main, menu);
  4. return true;
  5. }

假设想要监听menu的话。须要重写onOptionsItemSelected()方法。

  1. @Override
  2. public boolean onOptionsItemSelected(MenuItem item) {
  3. // 监听指定的button
  4. switch (item.getItemId()) {
  5. case R.id.action_settings:
  6. return true;
  7. case R.id.action_add:
  8. return true;
  9. case R.id.action_delete:
  10. return true;
  11. }
  12. return super.onOptionsItemSelected(item);
  13. }

OK。效果是这样的。

2.5 加入向上导航button

加入向上导航button与直接加入button的方式有些不一样。通过getSupportActionBar()的setDisplayHomeAsUpEnabled()方法设置。

  1. // 开启向上导航button
  2. getSupportActionBar().setDisplayHomeAsUpEnabled(true);

假设想要监听这个button的点击事件。仅仅须要匹配android.R.id.home即可

  1. @Override
  2. public boolean onOptionsItemSelected(MenuItem item) {
  3. switch (item.getItemId()) {
  4. case android.R.id.home:
  5. return true;
  6. }
  7. return super.onOptionsItemSelected(item);
  8. }

OK,效果就是这样,多了一个返回button

2.6 加入搜索功能

给Toolbar加入搜索功能很easy,仅仅须要在menu文件里配置一下即可。

  1. <menu xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:app="http://schemas.android.com/apk/res-auto">
  3. <item
  4. android:id="@+id/action_search"
  5. android:icon="@mipmap/ic_search_white"
  6. android:orderInCategory="100"
  7. android:title="@string/str_search"
  8. app:actionViewClass="android.support.v7.widget.SearchView"
  9. app:showAsAction="ifRoom" />
  10. </menu>

通过app:actionViewClass="android.support.v7.widget.SearchView"设置搜索视图。然后在代码中处理一下监听即可了。

  1. @Override
  2. public boolean onCreateOptionsMenu(Menu menu) {
  3. getMenuInflater().inflate(R.menu.menu_search, menu);
  4. // 获得SearchView
  5. final MenuItem item = menu.findItem(R.id.action_search);
  6. SearchView searchView = (SearchView) MenuItemCompat.getActionView(item);
  7. searchView.setQueryHint("请输入搜索内容");
  8. // 设置弹出键盘类型
  9. searchView.setInputType(InputType.TYPE_CLASS_NUMBER);
  10. searchView.setIconified(true);
  11. searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
  12. @Override
  13. public boolean onQueryTextSubmit(String query) { // 提交时触发
  14. return false;
  15. }
  16. @Override
  17. public boolean onQueryTextChange(String newText) { // 当字符串变化时触发
  18. return false;
  19. }
  20. });
  21. return true;
  22. }

OK,效果例如以下



2.7 加入分享功能

分享功能与搜素功能相似。通过配置menu文件即可。

  1. <?
  2. xml version="1.0" encoding="utf-8"?>
  3. <menu xmlns:android="http://schemas.android.com/apk/res/android"
  4. xmlns:app="http://schemas.android.com/apk/res-auto">
  5. <item
  6. android:id="@+id/action_share"
  7. android:icon="@mipmap/ic_search_white"
  8. android:orderInCategory="100"
  9. android:title="@string/str_share"
  10. app:actionProviderClass="android.support.v7.widget.ShareActionProvider"
  11. app:showAsAction="ifRoom" />
  12. </menu>

相同在代码中处理一下分享逻辑即可了。

  1. @Override
  2. public boolean onCreateOptionsMenu(Menu menu) {
  3. getMenuInflater().inflate(R.menu.menu_share, menu);
  4. MenuItem item = menu.findItem(R.id.action_share);
  5. mShareActionProvider = (ShareActionProvider) MenuItemCompat.getActionProvider(item);
  6. // 设置分享内容以及类型
  7. mShareActionProvider.setShareIntent(getDefaultIntent());
  8. return true;
  9. }
  10. private Intent getDefaultIntent() {
  11. Intent intent = new Intent(Intent.ACTION_SEND);
  12. intent.putExtra(Intent.EXTRA_TEXT, "測试分享文本");
  13. intent.setType("text/plain");
  14. return intent;
  15. }

OK。效果例如以下

除了这样的分享之外,还有另一种更简单的分享方式,直接定义一个普通的menu,然后通过startActivity调用系统的分享功能。

  1. <?
  2. xml version="1.0" encoding="utf-8"?
  3. >
  4. <menu xmlns:android="http://schemas.android.com/apk/res/android"
  5. xmlns:app="http://schemas.android.com/apk/res-auto">
  6. <item
  7. android:id="@+id/action_share2"
  8. android:icon="@mipmap/ic_search_white"
  9. android:orderInCategory="100"
  10. android:title="@string/str_share"
  11. app:showAsAction="ifRoom" />
  12. </menu>
  1. @Override
  2. public boolean onOptionsItemSelected(MenuItem item) {
  3. switch (item.getItemId()) {
  4. case R.id.action_share2:
  5. Intent shareIntent = new Intent();
  6. shareIntent.setAction(Intent.ACTION_SEND);
  7. shareIntent.putExtra(Intent.EXTRA_TEXT, "測试分享文本");
  8. shareIntent.setType("text/plain");
  9. // 设置分享列表的标题
  10. startActivity(Intent.createChooser(shareIntent, "分享到"));
  11. return true;
  12. }
  13. return super.onOptionsItemSelected(item);
  14. }

OK。效果例如以下



另外一种眼下使用的比較多,写起来也比較简单。

眼下先写这么多,等有时间继续完好。

源代码地址

http://download.csdn.net/detail/m_irror/9479870

Toolbar的使用.md的更多相关文章

  1. Android M 控件:Snackbar、Toolbar、TabLayout、NavigationView

    Snackbar Snackbar提供了一个介于Toast和AlertDialog之间轻量级控件,它可以很方便的提供消息的提示和动作反馈.Snackbar的使用与Toast的使用基本相同: Snack ...

  2. [转]AppCompat 22.1,Goole暴走,MD全面兼容低版本

    AppCompat 22.1,Goole暴走,MD全面兼容低版本 分类: Android2015-04-24 09:48 1354人阅读 评论(0) 收藏 举报 android   目录(?)[+] ...

  3. 【Android - MD】之CoordinatorLayout的使用

    CoordinatorLayout是Android 5.0新特性--Material Design中的一个布局控件,主要用来协调各个子视图之间的工作,也可以用来作为顶部布局.CoordinatorLa ...

  4. 【Android - MD】之NavigationView的使用

    NavigationView是Android 5.0新特性--Material Design中的一个布局控件,可以结合DrawerLayout使用,让侧滑菜单变得更加美观(可以添加头部布局). Nav ...

  5. Android Studio精彩案例(七)《ToolBar使用详解<一>》

    转载本专栏文章,请注明出处,尊重原创 .文章博客地址:道龙的博客 本文参考博客:http://blog.csdn.net/h_zhang/article/details/51232773 http:/ ...

  6. 关于CKEditor4.5.6的使用,自定义toolbar配置,上传图片案例(SpringMVC+MyBatis案例),自定义行高,去编辑器的中内容,将编辑器中内容设置到指定的位置等

     关于CKEditor的一个配置整理,改文件为config.js: 文件内容如下: /** * @license Copyright (c) 2003-2016, CKSource - Frede ...

  7. Android 5.x Theme 与 ToolBar 实战

    转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/45303349: 本文出自:[张鸿洋的博客] 1.概述 随着Material D ...

  8. Android5.x新特性之 Toolbar和Theme的使用

    Toolbar 你还在为Android 的ActionBar的文字不能随意设置位置而烦恼么?你还在为ActionBar不能自定义添加自己的布局而烦恼么?现在告诉你一个好消息,当你看到这篇文章时,就不必 ...

  9. Android 最新控件 Toolbar

    之前Android的ActionBar好像做项目从没用过.除了google自己,并没有多少人用,究其原因,主要是由于ActionBar不够灵活,不可以随心所欲的定制,后来Goole也发现了这一点,然后 ...

随机推荐

  1. python_字符串,元组,格式化输出

    一.字符串 1.字符串是有成对的单引号或者双引号括起来的.例如:name="张三",sex="女" 2.字符串的索引是从0开始的 3.字符串的切片 a.单个字符 ...

  2. selenium非常好的资料收集

    非常全的中文资料:http://qi-ling2006.iteye.com/ http://blog.csdn.net/qq744746842/article/details/49926917

  3. js 获取data-属性值

    ].getAttribute('data-price'); 注意 document.getElementsByClassName('1pc_price')后面有[0],不然会报错.

  4. BIT+DP

    2018CCPC网络赛 J - YJJ's Salesman HDU - 6447 YJJ is a salesman who has traveled through western country ...

  5. DS博客作业06——图

    1.本周学习总结(0--2分) 1.思维导图 2.谈谈你对图结构的认识及学习体会. 这章学习了图,学习了图的两种存储结构:邻接矩阵和邻接表.这两种存储结构都用到了之前学c时学到的结构体,将结构体充分运 ...

  6. JAVA接口与抽象类区别

    接口 1.接口可以继承多个接口,extends 接口1,接口2,接口3 2.接口的成员变量默认是public static abstract,必须初始化的: 3.接口只能有抽象方法,继承接口的类必须实 ...

  7. 【bzoj4026】dC Loves Number Theory 可持久化线段树

    题目描述 dC 在秒了BZOJ 上所有的数论题后,感觉萌萌哒,想出了这么一道水题,来拯救日益枯竭的水题资源.  给定一个长度为 n的正整数序列A,有q次询问,每次询问一段区间内所有元素乘积的φ(φ(n ...

  8. 国外12家值得注意的SD-WAN厂商

    国外12家值得注意的SD-WAN厂商 来源 https://www.sdnlab.com/18611.html 在网络行业,围绕软件定义网络的炒作似乎已经殆尽,但业界普遍对软件定义广域网(SD-WAN ...

  9. C语言第五题

    学生成绩管理系统 一.登录页面分为:首页展示学生登录和老师登录让用户选择,选择完以后提示用户输入账户名和密码 ps:1.老师的账户目前就一个,账户密码可以设置成admin/admin 2.学生的账户是 ...

  10. ajax 分页(jquery分页插件pagination) 小例2

    封装成:myPagination.js// ajax分页 function sendAjax(flag, dataParam, url, callback) {//封装的ajax: var shus ...