Android ToolBar 使用

今天在使用 ToolBar 的时候,发现使用起来有些繁琐,没有自己定义 xml 布局简单,使用起来也不算太方便,但是随着版本的越来越高,ToolBar 更加符合Android 的设计,现在把使用的步骤记录下来,方便以后的查阅。

Toolbar 使用前准备

  • 定义 ToolBar Style
    可以根据 App 的风格,色彩定义 ToolBar 的背景色等
<style name="MyActionBar" parent="AppTheme">
        <item name="android:actionBarStyle">@style/ActionBar.Solid.MyAppTheme</item>
        <item name="android:textColorSecondary">@color/colorWhite</item>
    </style>

    <style name="ActionBar.Solid.MyAppTheme" parent="@style/Widget.AppCompat.Light.ActionBar.Solid">
        <item name="background">@color/colorPrimary</item>
    </style>
  • 定义xml——view_toolbar.xml
    定义 xml 布局方便在其他页面中引用
<?xml version="1.0" encoding="utf-8"?>

<android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/toolbar"
        android:minHeight="?attr/actionBarSize"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:titleTextColor="@android:color/white"
        android:background="@color/colorPrimary"
        app:theme="@style/MyActionBar">
</android.support.v7.widget.Toolbar>
  • 在 BaseActivity 中定义 Toolbar 的方法 Toolbar
    创建 Activity 的基类,可以把 Activity 的基础操作写在这里,方便其他 Activity 调用,减少代码量。
/*
 * 返回
 */
protected void initBackButton(String title) {
        initToolBar();
        setBackButton(title);
        changeStatusColor();
    }

    private void setBackButton(String title) {
        if (getSupportActionBar() != null) {
            getSupportActionBar().setDisplayHomeAsUpEnabled(true);
            setTitle(title);
        }
    }

    /*
     * 初始化 Toolbar
     */
    protected void initToolBar() {
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
 // Logo
        toolbar.setLogo(R.mipmap.push_4);
 
        // 主标题
        toolbar.setTitle("Title");
 
        // 副标题
        toolbar.setSubtitle("Sub Title");
 
        //设置toolbar
        setSupportActionBar(toolbar);
 
        //左边的小箭头(注意需要在setSupportActionBar(toolbar)之后才有效果),可以使用默认
        toolbar.setNavigationIcon(R.mipmap.back);
    }

    /*
     * 重写方法
     */
    public boolean onOptionsItemSelected(MenuItem item) {
        if (getSupportActionBar() != null) {
            this.finish();
        }
        return true;
    }

    /*
     * 状态栏颜色修改
     */
    protected void changeStatusColor() {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            Window window = getWindow();
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            window.setStatusBarColor(ContextCompat.getColor(this, R.color.colorPrimary));
        }
    }

ToolBar 在 Activity 中的使用

以上把通用的方法都已经封装完成,接下来就要在 Activity 中使用 ToolBar

定义 menu 导航栏需要显示的图标 menu_scan.xml

这个步骤也可以在 Activiy 中手动添加 Menu,这样写方便导航栏元素的修改,代码更佳清晰

<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
            android:id="@+id/action_scan"
            android:title="二维码"
            android:icon="@mipmap/scan"
            app:showAsAction="ifRoom">
    </item>
</menu>

android:icon:这个属性是指定每个菜单项左边的图标的
android:id:菜单项的唯一标识
android:orderInCategory:菜单项的优先级,也就是顺序,只能设置大于正整数,数值越大菜单项越靠前
android:title:菜单描述,也就是菜单文字
app:showAsAction:这个是控制菜单项的显示的

  • 其中 showAsAction 的 value值有如下几个:

ifRoom:设置这个值之后,如果toolbar上还有空间的话就会显示优先级高的菜单项在toolbar上,剩下的才显示在弹出的列表中
never:永远不会显示在Toolbar上,只会在溢出列表中出现
withText:这个属性我看了下效果是跟never一个样不知道是不是我哪里没设置对!!!
collapseActionView:这个属性通俗的说就是声明某一个菜单项单独显示在toolbar上,而不是显示在打开的菜单中,一般配合ifRoom使用

在 Activity 的 layout 文件中 引入 ToolBar

 <include
        android:id="@+id/toolbar"
        layout="@layout/view_toolbar"/>

在 Activity 中使用 ToolBar

  • 在 onCreate() 中引用 ToolBar
initBackButton("title");//带有返回按键

// 设置不带返回键的 Title
// initToolBar();// 不带返回按键
// setTitle("title");//  设置 title
  • 在方法 onCreateOptionsMenu(Menu menu) 中添加导航栏元素
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu. menu_scan, menu);
        return true;
    }
  • 点击 menu 中的元素点击事件
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_scan:
                // do some things
                return true;
            default:
                finish();
                return true;
        }
    }

另记载

  • App 的字体大小不随系统的改变而修改——在 BaseActivity 中重写 getResources() 方法
    @Override
    public Resources getResources() {
        Resources res = super.getResources();
        Configuration config=new Configuration();
        config.setToDefaults();
        res.updateConfiguration(config,res.getDisplayMetrics() );
        return res;
    }
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,421评论 25 707
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,680评论 2 59
  • ToolBar简介 ToolBar是Android 5.0推出的一个新的导航控件用于取代之前的ActionBar,...
    丶蓝天白云梦阅读 86,509评论 38 186
  • 一,简介 Toolbar 是 android 5.0 引入的一个新控件,Toolbar出现之前,我们很多时候都是使...
    走在路上的日子阅读 5,621评论 0 15
  • “大家晚上好,我叫辜苏……” “是姑苏城外寒山寺的姑苏吗。”来没来得及介绍完自己就被打断了,“不是,是无辜的辜。”...
    幼袖阅读 551评论 0 2