Android基础知识之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.    }  

效果如下: