android中使用toolbar

2022-09-27 07:35:02

系统默认使用的是ActionBar，就是界面中的标题栏，但是由于ActionBar设计的原因，被限定只能位于活动的顶部，从而不能实现Material Design效果，所以官方建议使用Toolbar替换掉ActionBar

下面来看一下，如果使用Toolbar

1、首先先去掉默认的ActionBar，修改styles.xml，这个styles.xml是项目自带的，位于src/main/res/values目录下，注意看红色内容为我添加的内容：

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <style name="AppTheme2" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

</resources>

AppTheme风格是系统默认的，也就是带ActionBar的

AppTheme2风格是我添加的，是不带ActionBar的，区别就是把parent属性修改为Theme.AppCompat.Light.NoActionBar

当然如果整个项目都不需要ActionBar，直接修改默认的AppTheme风格就可以了

修改AndroidManifest.xml文件，这里我截了图，没有粘代码：

如果希望整个项目都使用AppTheme2风格，直接按我截图的方式修改即可，如果只是部分Activity，可以专门为指定Activity指定android:theme属性

2、在Activity活动上添加Toolbar

添加好toolbar控件，指定好id，然后需要在java代码中注册一下：

在onCreate方法中添加如下代码：

        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

如果需要不显示标题，并且添加返回按钮，修改上面的代码：

   @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if(item.getItemId()==android.R.id.home) {
            finish();
        } 
        return super.onOptionsItemSelected(item);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main36);

        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setDisplayShowTitleEnabled(false);

            }
        });
    }

上面的代码重写了onOptionsItemSelected方法，用于响应返回按钮事件

3、为Toolbar添加操作按钮

这个添加按钮其实就是创建 option menu，这个我在之前的文章有讲：Android中创建option menu

这里我再创建一个，在src/main/res/menu目录下创建menu资源文件menu1.xml：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/editItem"
        android:icon="@android:drawable/ic_menu_edit"
        android:title="编辑"
        app:showAsAction="always" />
    <item
        android:id="@+id/deleteItem"
        android:icon="@android:drawable/ic_menu_delete"
        android:title="删除"
        app:showAsAction="always" />
    <item
        android:id="@+id/helpItem"
        android:icon="@android:drawable/ic_menu_help"
        android:title="帮助"
        app:showAsAction="always" />
</menu>

注意这个app:showAsAction属性，设成always是指显示在标题栏中，设为ifRoom是指空间够就显示在标题栏中，设为never是显示在菜单栏中

然后在java代码中注册这个菜单，并且响应对应按钮事件，最终代码如下：

public class Main36Activity extends AppCompatActivity {

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

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if(item.getItemId()==android.R.id.home) {
            finish();
        } else if(item.getItemId()==R.id.editItem) {
            Toast.makeText(Main36Activity.this, "编辑操作", Toast.LENGTH_SHORT).show();
        } else if(item.getItemId()==R.id.deleteItem) {
            Toast.makeText(Main36Activity.this, "删除操作", Toast.LENGTH_SHORT).show();
        } else if(item.getItemId()==R.id.helpItem) {
            Toast.makeText(Main36Activity.this, "帮助操作", Toast.LENGTH_SHORT).show();
        }
        return super.onOptionsItemSelected(item);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main36);

        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setDisplayShowTitleEnabled(false);
    }
}

展示效果：

android中使用toolbar

码农公寓

相关文章