前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >利用 v7 Toolbar 自定义 Android ActionBar

利用 v7 Toolbar 自定义 Android ActionBar

作者头像
tonglei0429
发布2019-07-22 13:56:59
1.5K0
发布2019-07-22 13:56:59
举报

要使用 Toolbar,首先要在 layout 里面添加组件,例如在 activity_main.xml 里添加

代码语言:javascript
复制
<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent" />

然后修改该 Activity 的样式,禁用其 ActionBar

代码语言:javascript
复制
<style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
</style>

最后再 Activity 代码中设置该 Toolbar 为 ActionBar

代码语言:javascript
复制
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);

至此,一个简单的自定义 ActionBar 就完成了。

如果想 修改导航按钮 的图标,只需要在 Layout 文件中为 Toolbar 增加属性 app:navigationIcon 即可

代码语言:javascript
复制
<android.support.v7.widget.Toolbar
        android:id="@+id/id_toolbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        app:navigationIcon="@mipmap/back_icon" />

注意:如果要在代码里设置 icon 属性,需要在 setSupportActionBar() 方法之后执行,否则修改无效

为导航按钮添加点击处理

代码语言:javascript
复制
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // TODO
        }
});

如果想 修改标题样式,如改成居中,需要清空默认标题,并添加自定义标题。

首先,在 layout 文件中 增加 TextView 用于显示文字内容,如下

代码语言:javascript
复制
<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="?attr/actionBarSize"
        app:navigationIcon="@mipmap/back_icon">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_gravity="center"
            android:text="tonglei0429"
            android:textSize="18dp" />

</android.support.v7.widget.Toolbar>

然后,清空原 toolbar 标题

代码语言:javascript
复制
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
toolbar.setTitle("");
setSupportActionBar(toolbar);

如果想修改右侧菜单项,可以修改 menu.xml 同 ActionBar 处理方式一样,如 menu.xml

代码语言:javascript
复制
<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="com.narennetwork.travel.ui.ToursActivity">
    <item
        android:id="@+id/action_add"
        android:orderInCategory="100"
        android:title="@string/action_add"
        android:icon="@mipmap/add_icon"
        app:showAsAction="always" />
</menu>

app:showAsAction 属性决定该菜单项在合适被合并到 overflow (...) 里,always代表始终显示,never代表始终合并,ifRoom代表根据屏幕空间自动调整

android:orderInCategory 代表其优先级,即收入 Overflow 里的顺序

为菜单项添加点击处理

代码语言:javascript
复制
@Override
public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_tour_publisher, menu);
        return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
        if (item.getItemId() == R.id.action_add) {
            // TODO
        }

        return super.onOptionsItemSelected(item);
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档