Toolbar的一次邂逅

toolbar 初次见面

toolbar

Toolbar 作为MD(Material Design)的导航栏,Google也是极力推荐使用,对比一下前任Actionbar 简直就是无耻到= = 它可以到处飞。(随意放在任意一个位置)。

Toolbar功能:

  • 设置导航按钮
  • 设置logo
  • 设置标题和子标题
  • 增加自定义视图
  • 增加一个action meun


    来自外星介绍

toolbar天坑之路
一个无知的小白走上MD的路,简直就是一款心酸的血泪史。一个toolbar让我更加的勇敢含泪前进。

开始食用:

在gradle 加入(AS创建项目就自带了,得意)

compile 'com.android.support:appcompat-v7:24.1.1'

最终结果:(暂时大家只关注toolbar不要跑题了)

准备食材:
需要一个toolbar布局文件(xml)

xml code如下:




   



MainActivity code 如下:

public class MainActivity extends AppCompatActivity {

    private Toolbar toolbar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.toolbar);

        toolbar = (Toolbar)findViewById(R.id.toolbar);
        toolbar.setTitle("OkLife");//设置toolbar 标题
        

    }
}

准备开餐:
满怀心情,准备好了食材,卧槽!!居然现任见到前任!ActionBar!!!

第一次失败

失败记录:
原来在AS创建项目的时候,有一个自带的style
Theme.AppCompat.Light.DarkActionBar
原来google还是没有忘记前任!!
把更换成Theme.AppCompat.Light.NoActionBar
ActionBar就和我们说再见了!


再次运行!!
成功了!!有没有!! 好激动!! 问题是字体怎么是黑色的!好丑!!

toolbar 的改造
黑色的字和深色的背景超级不配,天真在toolbar.xml 里面增加Color,认为就可以天真改变字体颜色,谁知道发现!!是不可能!在百般无奈!找了google!
一篇干货!!
https://www.murrayc.com/permalink/2014/10/28/android-changing-the-toolbars-text-color-and-overflow-icon-color/
原来在toolbar 可以直接指定一个主题给它!!!

android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"




   


   


再来一次!!!运行!



应该有掌声!!!

继续对Toolbar动手
增加app_bar_menu.xml




    
    
    





对于meun showAsAction的属性同时也是可以参考google官方
https://developer.android.com/guide/topics/resources/menu-resource.html
应该是这样子的:

  • always:使菜单项一直显示在ToolBar上。
  • ifRoom:如果有足够的空间,这个值会使菜单项显示在ToolBar上。
  • never:使菜单项永远都不出现在ToolBar上,在…的子项中显示。
  • withText:使菜单项和它的图标,菜单文本一起显示。

对于drawable里面vector
可以参考google 的使用MD设计指南
https://developer.android.com/training/material/get-started.html
参考google android studio 增加 vector的教程及介绍
https://developer.android.com/studio/write/vector-asset-studio.html#about

示意图

在MainActivity 增加对meun的引用

toolbar.inflateMenu(R.menu.app_bar_menu);

好了~~~可以继续启动!!!start!!

最后的润色:

public class MainActivity extends AppCompatActivity {

    private Toolbar toolbar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.toolbar);

        toolbar = (Toolbar)findViewById(R.id.toolbar);
        toolbar.setTitle("OkLife");//设置toolbar 标题


        toolbar.inflateMenu(R.menu.app_bar_menu);//设置菜单

        //菜单点击监听器
        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {

                if(item.getItemId()==R.id.action_bar_title){
                    Toast.makeText(getApplication(),"this is title ",Toast.LENGTH_SHORT).show();


                }

                return false;
            }
        });



    }
}

总结:
使用toolbar之前,要禁用actionbar,可以单独对toolbar增加主题,toolbar还可以增加菜单。

源码:
开源是一种美德,分享一份快乐,希望androider少走弯路,多点时间泡妞!
https://github.com/punszeto/android_study

关于:
没有什么版权,开心就好,欢迎和我一起讨论!
地球派来的逗比
QQ:623580072

你可能感兴趣的:(Toolbar的一次邂逅)