ToolBar的基础使用方法

来源:互联网 发布:mac鼠标握法 编辑:程序博客网 时间:2024/06/07 22:18

ToolBar是工具栏的一种, 在之前使用的是ActionBar. 但是, 相对于ActionBar, ToolBar更加的灵活, 可以自己设计出想要的效果.
首先要在布局中添加一个ToolBar控件:

    <android.support.v7.widget.Toolbar        android:id="@+id/main_toolbar"        android:layout_width="match_parent"        android:layout_height="wrap_content">    </android.support.v7.widget.Toolbar>

但是, Activity本身有它自己默认的工具栏(是ActionBar), 如果直接这样添加上去, 就会接在原有的ActionBar下面, 并达不到我们预期的效果, 所以, 要将原有样式改掉, 才能显示出我们设置的内容.

  android:theme="@style/Theme.AppCompat.Light.NoActionBar">

在定义好的ToolBar上, 我们还可以按照自己的方式添加一些menu或者图标. 只要在Activity中找到ToolBar控件, 并且添加就好了.

        Toolbar toolbar = (Toolbar) findViewById(R.id.main_toolbar);        //        给ToolBar控件添加menu        toolbar.setNavigationIcon(android.R.drawable.ic_dialog_email);        //设置标题        toolbar.setTitle("标题");        toolbar.setSubtitle("子标题");        //将自定义的ToolBar添加到原来ActionBar的位置上, 这些控件才能显示        setSupportActionBar(toolbar);

setSupportActionBar()是添加ToolBar的方法, menu这些东西默认是添加到原来的ActionBar上的, 所以, 我们要将自己定义的ToolBar放到那个位置上, 替代它, 才能达到我们想要的效果.

另外, 搜索也是经常出现在工具栏上的一个功能.
这里写图片描述
实际上, 是将一个menu设置成了一个SearchView, 才能有搜索的效果.
xml布局:

    <item        android:id="@+id/search_bar"        android:title="Search"        app:actionViewClass="android.support.v7.widget.SearchView"        android:icon="@drawable/ic_action_search"        app:showAsAction="ifRoom"/>

添加实现:

    @Override    public boolean onCreateOptionsMenu(Menu menu) {        getMenuInflater().inflate(R.menu.tool_bar_menu, menu);        MenuItem searchMenu = menu.findItem(R.id.search_bar);        //设置成SearchView        View view = MenuItemCompat.getActionView(searchMenu);        if (view != null) {            SearchView searchView = (SearchView) view;            searchView.setOnQueryTextListener(this);        }        return true;    } @Override //设置搜索效果, 这里只用Toast表示    public boolean onQueryTextSubmit(String query) {        Toast.makeText(MainActivity.this, query, Toast.LENGTH_SHORT).show();        return false;    }

这里写图片描述

0 0
原创粉丝点击