美文网首页安卓开发
Android 使用Toolbar

Android 使用Toolbar

作者: 笑哈哈的精彩 | 来源:发表于2017-10-09 14:36 被阅读55次

    本文介绍在Android5.0以上应用中使用Toolbar作为标题栏

    基本用法是在XML中:

    <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            style="@style/CustomToolBar"
            app:popupTheme="@style/ToolBarTheme">
    </android.support.v7.widget.Toolbar>
    

    初始化Toolbar

    Toolbar toolbar = (Toolbar)rootView.findViewById(R.id.toolbar);
    //设置主标题
    toolbar.setTitle("主标题");
    //设置副标题
    toolbar.setSubtitle("副标题");
    //设置导航图标
    toolbar.setNavigationIcon(R.mipmap.mine);
    //设置导航图标的点击事件
    toolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, "我是导航图标", Toast.LENGTH_SHORT).show();
            }
        });
    //设置Logo
    toolbar.setLogo(R.mipmap.ic_launcher);
    

    在Activity中创建右侧导航按钮

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }
    
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()){
            case R.id.aaa:
                Toast.makeText(MainActivity.this, "我是AAA", Toast.LENGTH_SHORT).show();
                break;
    
            case R.id.bbb:
                Toast.makeText(MainActivity.this, "我是BBB", Toast.LENGTH_SHORT).show();
                break;
    
            case R.id.action_settings:
                Toast.makeText(MainActivity.this, "我是设置按钮", Toast.LENGTH_SHORT).show();
                break;
        }
        return super.onOptionsItemSelected(item);
    }
    

    在Fragment设置右侧导航按钮

    首先在初始化Toolbar前

    setHasOptionsMenu(true);
    

    @Override
    public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
        menu.clear();
        inflater.inflate(R.menu.menu_bookrack, menu);
    }
    
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()){
            case R.id.aaa:
                Toast.makeText(MainActivity.this, "我是AAA", Toast.LENGTH_SHORT).show();
                break;
    
            case R.id.bbb:
                Toast.makeText(MainActivity.this, "我是BBB", Toast.LENGTH_SHORT).show();
                break;
    
            case R.id.action_settings:
                Toast.makeText(MainActivity.this, "我是设置按钮", Toast.LENGTH_SHORT).show();
                break;
        }
        return super.onOptionsItemSelected(item);
    }
    

    menu文件夹中创建menu_main.xml文件

    <menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto">
    
        <item android:id="@+id/aaa"
              android:title="a"
              android:orderInCategory="80"
              android:icon="@mipmap/search"
              app:showAsAction="ifRoom" />
    
        <item android:id="@+id/bbb"
              android:title="b"
              android:orderInCategory="90"
              android:icon="@mipmap/download"
              app:showAsAction="ifRoom" />
    
        <item android:id="@+id/action_settings"
              android:title="c"
              android:orderInCategory="100"
              app:showAsAction="never"/>
    
    
    </menu>
    

    showAsAction属性共有五个值:ifRoom、never、always、withText、collapseActionView,可以混合使用。

    • ifRoom 会显示在Item中,但是如果已经有4个或者4个以上的Item时会隐藏在溢出列表中。当然个数并不仅仅局限于4个,依据屏幕的宽窄而定
    • never 永远不会显示。只会在溢出列表中显示,而且只显示标题,所以在定义item的时候,最好把标题都带上。
    • always 无论是否溢出,总会显示。
    • withText withText值示意Actionbar要显示文本标题。Action bar会尽可能的显示这个标题,但是,如果图标有效并且受到Action bar空间的限制,文本标题有可能显示不全。
    • collapseActionView 声明了这个操作视窗应该被折叠到一个按钮中,当用户选择这个按钮时,这个操作视窗展开。否则,这个操作视窗在默认的情况下是可见的,并且即便在用于不适用的时候,也要占据操作栏的有效空间。
      一般要配合ifRoom一起使用才会有效果。

    image

    相关文章

      网友评论

        本文标题:Android 使用Toolbar

        本文链接:https://www.haomeiwen.com/subject/npsvextx.html