Android中toolbar的简单使用

最新推荐文章于 2024-09-17 11:39:13 发布

原创最新推荐文章于 2024-09-17 11:39:13 发布 · 782 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #toolbar

Android 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在Android应用中自定义主题以隐藏ActionBar，并通过XML文件定义Toolbar上的按钮布局。此外，还提供了MainActivity中设置Toolbar及监听器的示例代码。

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

1、在style先定义一个主题，该主题隐藏了actionbar

<span style="font-size:18px;"><resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="AppTheme.Base">
        <!-- Customize your theme here. -->
    </style>
    <style name="AppTheme.Base" parent="Theme.AppCompat">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:windowBackground">@color/dim_foreground_material_dark</item>
        <item name="colorPrimaryDark">@color/accent_material_light</item>
        <item name="colorPrimary">@color/accent_material_dark</item>
    </style>

</resources></span>

其中，windowBackground是App的背景颜色

colorPrimary是toolbar的颜色

colorPrimaryDark是状态栏底色

2、在menu里面定义toolbar上的布局

<span style="font-size:18px;"><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:title="@string/action_edit"
        android:orderInCategory="80"
        android:icon="@mipmap/edit"
        app:showAsAction="always" />

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

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

3、MainActivity中

<span style="font-size:18px;">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);
        toolbar.setTitle("My Title");
        toolbar.setSubtitle("Sub title");
        setSupportActionBar(toolbar);
        toolbar.setOnMenuItemClickListener(onMenuItemClick);
    }

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

    private Toolbar.OnMenuItemClickListener onMenuItemClick = new Toolbar.OnMenuItemClickListener() {
        @Override
        public boolean onMenuItemClick(MenuItem menuItem) {
            String msg = "";
            switch (menuItem.getItemId()) {
                case R.id.action_edit:
                    msg += "Click edit";
                    break;
                case R.id.action_share:
                    msg += "Click share";
                    break;
                case R.id.action_settings:
                    msg += "Click setting";
                    break;
            }

            if(!msg.equals("")) {
                Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();
            }
            return true;
        }
    };
}
</span>

在为toolbar设置监听器的时候必须在setSupportActionBar之后。

分享一个获取矢量图的网站，阿里的，个人觉得非常不错

Iconfont