Material Design学习：ToolBar 开发使用简介

简介

Toolbar 是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ，Google 非常推荐大家使用 Toolbar 来作为Android客户端的导航栏，以此来取代之前的 Actionbar 。

功能

• 设置导航栏按钮；
• 设置App的logo；
• 支持设置标题和子标题；
• 支持添加一个或多个的自定义控件；
• 支持菜单Action Menu；

示意图

使用

1. 添加依赖

build.gradle

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

2. 在布局中使用ToolBar

3. 在代码中使用ToolBar

在使用 Toolbar 时候需要先隐藏掉系统原先的导航栏

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);  //隐藏掉系统原先的导航栏
        setContentView(R.layout.activity_main);
        mToolBar = (Toolbar) findViewById(R.id.mToolBar);   
        setSupportActionBar(mToolBar);   //把toolbar作为导航栏
    }
}

4. 添加导航按钮，logo，标题

mToolBar.setTitle("标题");             //在setSupportActionBar();之前才能生效
setSupportActionBar(mToolBar);  
getSupportActionBar().setDisplayHomeAsUpEnabled(true);  
//mToolBar.setNavigationIcon(R.mipmap.ic_launcher);  //设置导航栏图标
mToolBar.setNavigationIcon(R.mipmap.ic_launcher);
mToolBar.setLogo(R.mipmap.ic_launcher);
mToolBar.setSubtitle("子标题");

5. 在布局中添加自定义view

6. 添加菜单

app>res>menu下创建菜单文件menu_main.xml，（如果menu文件夹不在则创建之）

showAsAction的值主要是针对这个菜单的显示起作用的，它有三个可选项：

• always：总是显示在界面上
• never：不显示在界面上，只让出现在右边的三个点中
• ifRoom：如果有位置才显示，不然就出现在右边的三个点中

在MainActivity中创建关联菜单

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

添加菜单的点击回调

private Toolbar.OnMenuItemClickListener onMenuItemClick = new Toolbar.OnMenuItemClickListener() {
        @Override
        public boolean onMenuItemClick(MenuItem menuItem) {
            String msg = "";
            switch (menuItem.getItemId()) {
                case R.id.action_1:
                    msg += "点击其他1";
                    break;
                case R.id.action_tip:
                    msg += "点击提醒";
                    break;
                case R.id.action_menu:
                    msg += "点击设置";
                    break;
            }
            if(!msg.equals("")) {
                Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();
            }
            return true;
        }
    };

设置菜单点击监听

mToolBar.setOnMenuItemClickListener(onMenuItemClick);

效果展示

效果

这里是项目地址

之后还有DrawerLayout + NavigationView的介绍，敬请期待！

参考文章
http://www.jianshu.com/p/79604c3ddcae
http://www.jianshu.com/p/9471b87f2c61#