android中使用toolbar

系统默认使用的是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);
    }
}

 

展示效果:

 

posted @ 2019-01-21 11:57  魔豆  阅读(412)  评论(0编辑  收藏  举报