Toobar 的简单使用_toobar包含哪些部分组成-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_31010507/article/details/51802018

本文详细介绍了如何在 Android 应用中使用 Material Design 的 Toolbar 替代传统的 ActionBar。包括配置样式、布局设置以及 Java 代码实现等关键步骤，并提供了完整的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2014 google 推出material design 后,里面有toobar 这是用来取代过去 actionbar 的控件 ,而现在于 material design 中也对之有一个统一名称：app bar

toobar 使用分为三个部分

1.风格 (style)
2.界面 (layout)
3. 程序 (java)

style

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="AppTheme.Base">
    </style>

    <style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>

        <item name="colorPrimary">@color/accent_material_dark</item>
        <item name="colorPrimaryDark">@color/accent_material_light</item>
        <item name="android:windowBackground">@color/dim_foreground_material_dark</item>

    </style>



</resources>

layout

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary">
    </android.support.v7.widget.Toolbar>

还使用了一个menu.xml文件

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity">

    <item
        android:id="@+id/action_edit"
        android:icon="@mipmap/ab_edit"
        android:orderInCategory="80"
        android:title="@string/action_edit"
        app:showAsAction="ifRoom" />

    <item
        android:id="@+id/action_share"
        android:icon="@mipmap/ab_share"
        android:orderInCategory="90"
        android:title="@string/action_edit"
        app:showAsAction="ifRoom" />

    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="@string/action_settings"
        app:showAsAction="never" />
</menu>

menu 效果图
这里写图片描述

代码部分

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

        // App Logo
        toolbar.setLogo(R.mipmap.ic_launcher);
        //标题
        toolbar.setTitle("标题");
        // Sub Title
        toolbar.setSubtitle("Sub—title");
        setSupportActionBar(toolbar);//etSupportActionBar 设定，Toolbar即能取代原本的 actionbar
        // Navigation Icon 要設定在 setSupoortActionBar之后才有作用
        // 否則會出現 back bottom
        toolbar.setNavigationIcon(R.mipmap.wowobao);
        // Menu item click 的监听事件一定要设定在 setSupportActionBar之后才有作用
        toolbar.setOnMenuItemClickListener(onMenuItemClick);
    }

    private Toolbar.OnMenuItemClickListener onMenuItemClick = new Toolbar.OnMenuItemClickListener() {
        @Override
        public boolean onMenuItemClick(MenuItem menuItem) {

            switch (menuItem.getItemId()) {
                case R.id.action_edit:

                    break;
                case R.id.action_share:

                    break;
                case R.id.action_settings:

                    break;
            }

            return true;
        }
    };

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // 为了让 Toolbar 的 Menu 有作用，这个的程式不可以拿掉
        getMenuInflater().inflate(R.menu.menu, menu);
        return true;
    }
}