Android基础知识之Toolbar的使用

移动开发 Android
Toolbar是Android5.0推出的,用来替代ActionBar的控件.可以高度的自定义,使用灵活.官方的ToolBar是必须在5.0以上的系统才能使用,如果需要在低版本中使用.需要使用support v7包中的Toolbar。

Toolbar是Android5.0推出的,用来替代ActionBar的控件.可以高度的自定义,使用灵活.官方的ToolBar是必须在5.0以上的系统才能使用,如果需要在低版本中使用.需要使用support v7包中的Toolbar。

下一是官网的Toolbar的介绍:

  1. Toolbar 
  2. extends ViewGroup 
  3. java.lang.Object 
  4.    ↳    android.view.View 
  5.        ↳    android.view.ViewGroup 
  6.            ↳    android.support.v7.widget.Toolbar  

 

 

 

使用前提

要使用ToolBar需要将activity的ActionBar隐藏掉.那么如何隐藏呢?有三种方法.下面分别介绍

方法一:

在res/values/styles.xml文件中修改

  1. <style name="AppTheme.Base" parent="Theme.AppCompat"
  2.  <item name="windowActionBar">false</item> 
  3.  <item name="android:windowNoTitle">true</item> 
  4. </style>  

也可以直接使用没有ActionBar的主题

  1. <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"

方法二:

在清单文件中修改制定activity的主题,如下所示:

  1. <activity android:name="MainActivity" 
  2.            android:theme="@style/Theme.AppCompat.Light.NoActionBar"
  3. </activity>  

方法三:

直接在代码中取消. 在setContentView之前。

  1. requestWindowFeature(Window.FEATURE_NO_TITLE); 
  2.        setContentView(R.layout.activity_main); 
  3.        //supportRequestWindowFeature(Window.FEATURE_NO_TITLE);  在AppCompatActivity中  

怎么使用

在布局文件中.添加如下代码. 位置不固定。

  1. <android.support.v7.widget.Toolbar 
  2.     android:id="@+id/toolbar" 
  3.     android:layout_width="match_parent" 
  4.     android:layout_height="?android:attr/actionBarSize" 
  5.     android:background="?attr/colorPrimaryDark" 
  6.     app:title="Title" 
  7.     app:titleTextColor="#222222" 
  8.     app:logo="@mipmap/ic_launcher" 
  9.     app:subtitle="subtitle"></android.support.v7.widget.Toolbar>  

title 用来设置标题.subtitle设置副标题 titleTextColor用来设置标题字体颜色.background用来设置背景颜色..效果如下: 

 

 

 

在java代码中也可以动态的设置这些值。

  1. mToolbar.setTitle("JavaTitle"); 
  2.        mToolbar.setSubtitle("JavaSubTitle"); 
  3.        mToolbar.setLogo(R.mipmap.ic_launcher); 
  4.        mToolbar.setNavigationIcon(android.R.drawable.ic_input_delete); 
  5.        mToolbar.setOverflowIcon(ContextCompat.getDrawable(this, android.R.drawable.ic_menu_more)); 
  6. /        setActionBar(mToolbar);  //activity中 
  7.        setSupportActionBar(mToolbar);   //AppCompatActivity中  

添加Menu

要添加menu首先我们需要有menu,在这里我选择在res/menu/中创建main.xml来定义menu文件.代码如下

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <menu xmlns:android="http://schemas.android.com/apk/res/android" 
  3.       xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     <item 
  5.         android:id="@+id/add" 
  6.         android:icon="@android:drawable/ic_menu_add" 
  7.         android:title="Add" 
  8.         app:showAsAction="never|withText"/> 
  9.     <item 
  10.         android:id="@+id/delete" 
  11.         android:icon="@android:drawable/ic_menu_delete" 
  12.         android:title="Delete" 
  13.         app:showAsAction="never|withText"/> 
  14.     <item 
  15.         android:id="@+id/edit" 
  16.         android:icon="@android:drawable/ic_menu_edit" 
  17.         android:title="Edit" 
  18.         app:showAsAction="never|withText"/> 
  19.     <item 
  20.         android:id="@+id/email" 
  21.         android:icon="@android:drawable/sym_action_email" 
  22.         android:title="Email" 
  23.         app:showAsAction="never|withText"/> 
  24.  
  25. </menu>  

下面是java文件中的代码。

  1. @Override 
  2.     public boolean onCreateOptionsMenu(Menu menu) { 
  3.         getMenuInflater().inflate(R.menu.main, menu); 
  4.         return true
  5.     } 
  6.  
  7.     @Override 
  8.     public boolean onOptionsItemSelected(MenuItem item) { 
  9.         switch (item.getItemId()) { 
  10.             case android.R.id.home:  
  11.                 Toast.makeText(MainActivity.this, "您点击了NavigationIcon", Toast.LENGTH_SHORT).show(); 
  12.                 break; 
  13.             case R.id.add
  14.                 Toast.makeText(MainActivity.this, "Add", Toast.LENGTH_SHORT).show(); 
  15.                 break; 
  16.             case R.id.delete
  17.                 Toast.makeText(MainActivity.this, "Delete", Toast.LENGTH_SHORT).show(); 
  18.                 break; 
  19.             case R.id.edit: 
  20.                 Toast.makeText(MainActivity.this, "Edit", Toast.LENGTH_SHORT).show(); 
  21.                 break; 
  22.             case R.id.email: 
  23.                 Toast.makeText(MainActivity.this, "Email", Toast.LENGTH_SHORT).show(); 
  24.                 break; 
  25.         } 
  26.         return true
  27.     }  

 

 

 

 

显示Menu中的Icon

在写到这里之后.我们会发现.隐藏的menu是不显示icon的,那么我们怎么设置呢:

只需要重新一下方法: 这里的activity是 AppCompatActivity

  1. @Override 
  2.    protected boolean onPrepareOptionsPanel(View view, Menu menu) { 
  3.        if (menu != null) { 
  4.            if (menu.getClass() == MenuBuilder.class) { 
  5.                try { 
  6.                    Method m = menu.getClass().getDeclaredMethod("setOptionalIconsVisible", Boolean.TYPE); 
  7.                    m.setAccessible(true); 
  8.                    m.invoke(menu, true); 
  9.                } catch (Exception e) { 
  10.                    Log.i("tag""onPrepareOptionsPanel: " + 
  11.                            getClass().getSimpleName() + 
  12.                            "onMenuOpened...unable to set icons for overflow menu" 
  13.                            + e); 
  14.                } 
  15.            } 
  16.        } 
  17.        return super.onPrepareOptionsPanel(view, menu); 
  18.    }  

效果如下:

 

 

 

责任编辑:庞桂玉 来源: segmentfault
相关推荐

2011-07-14 23:34:56

SEO

2023-07-04 07:31:06

MapReduce数据处理编程模型

2021-11-05 15:31:01

UbuntuLinux

2011-07-29 11:32:16

路由PIM

2012-12-03 11:59:31

2011-05-20 13:52:31

2012-12-03 13:17:04

脱壳DUMP

2011-11-04 17:26:12

2013-03-27 15:56:05

Android开发Andriod绘图

2010-06-08 16:43:56

机房空调基础知识

2021-08-18 16:09:39

NestJS

2012-12-03 13:30:19

脱壳OEP

2015-06-01 13:35:43

数据中心DCIM

2010-07-16 10:53:30

Perl基础

2009-09-23 11:07:11

Hibernate基础

2009-04-17 14:22:40

XPathXML基础

2014-08-20 10:15:45

2011-09-16 10:13:02

Emacs

2009-04-10 09:35:00

WCDMA基础无线网络

2011-03-29 14:11:20

Cacti基础知识
点赞
收藏

51CTO技术栈公众号