Toolbar的用法的总结

作者: _独爱夜色 | 来源:发表于2017-11-03 17:12 被阅读0次

    本篇文章主要是总结一些项目上常用的方法,加深印象,同时也记录一下方便查找。如果有误还请各位多多提出。
    PS:文章主要总结于
    http://www.cnblogs.com/oyjt/p/4762640.html
    http://www.jianshu.com/p/7b5c99e1cfa3
    这两篇文章,感谢两位大神。

    toolbar Tittle相关

    Tittle 居中

    关于Tittle居中需要自定义布局,在toolbar里面加入一段布局就行。不过多描述

    修改Toolbar文字颜色

    修改标题文字很简单,在style里加上下面的样式就行
    如果是需要黑色和白色可以直接设置toolbar主题为dark(字体为白色)或者light(字体为黑色)

    <item name="android:textColorPrimary">@android:color/white</item>
    

    toolbar标题文字样式

    app:titleTextAppearance="@style/ToolbarTitle"
    
    <!-- toolbar标题样式 -->
        <style name="ToolbarTitle" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Title">
            <item name="android:textSize">16sp</item>
        </style>
    

    ToolBar菜单相关

    toolbar菜单相关可以在toolbar中添加

    app:popupTheme="@style/ToolbarMenu"
    

    改变菜单文字颜色大小

    这里给toolbar单独设置一个theme

    app:theme="@style/ToolbarMenu"
    
    <style name="ToolbarMenu" parent="@style/ThemeOverlay.AppCompat.ActionBar">
         <item name="actionMenuTextColor">@android:color/white</item>
         <item name="android:textSize">15sp</item>
    </style>
    

    或者

     <item name="actionMenuTextAppearance">@style/ToolbarMenuTextSize</item>
     
     <!-- toolbar菜单文字尺寸 -->
    <style name="ToolbarMenuTextSize" parent="@style/TextAppearance.AppCompat.Menu">
        <item name="android:textSize">15sp</item>
    </style>
    

    toolbar菜单样式

    app:popupTheme="@style/ToolbarMenu"
    
    <!-- toolbar弹出菜单样式 -->
    <style name="ToolbarMenu" parent="@style/ThemeOverlay.AppCompat">
         <item name="android:colorBackground">#212121</item>
    </style>
    

    toolbar 菜单按钮更改

    代码中设置

     toolbar.setOverflowIcon(ContextCompat.getDrawable(this, R.drawable.icon_password));
    

    或者style中设置

    <item name="android:actionOverflowButtonStyle">@style/Mymenu</item>
     <style name="Mymenu">
            <item name="android:src">@drawable/icon_password</item>
        </style>
    

    toolbar弹出Pop不覆盖菜单按钮

    <style name="ToolbarMenu" parent="@style/ThemeOverlay.AppCompat.ActionBar">
          <item name="overlapAnchor">false</item>
    </style>
    

    修改toolbar menu的选中状态

    <style name="ToolbarMenu" parent="@style/ThemeOverlay.AppCompat.ActionBar">
        <item name="selectableItemBackground">@drawable/toolbar_button_bg</item>
    </style>
    
    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item android:drawable="@color/primary_dark" android:state_pressed="true"/>
        <item android:drawable="@color/primary_dark" android:state_focused="true"/>
        <item android:drawable="@color/primary"/>
    
    </selector>
    

    ToolBar返回按钮

    监听需要放在 setSupportActionBar(toolbar)后,样式需要在前

    开启返回按钮及监听

    开启返回按钮代码

    toolbar= (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    if (getSupportActionBar() != null)
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    

    返回按钮监听

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

    需要放在 setSupportActionBar(toolbar)后

    toolbar.setNavigationOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    finish();
                }
            });
    

    返回按钮样式

    toolbar.setNavigationIcon(R.drawable.icon);
    返回按钮颜色及menu折叠图标

    <style name="toolbar_theme" parent="@style/ThemeOverlay.AppCompat.Light">
             <!-正确,这个要求Api大于21-->
           <item name="android:colorControlNormal">@android:color/holo_red_dark</item>
           <!--这个也正确,用这个吧-->
           <item name="colorControlNormal">@android:color/holo_red_dark</item>
       </style>
    

    相关文章

      网友评论

        本文标题:Toolbar的用法的总结

        本文链接:https://www.haomeiwen.com/subject/lfotmxtx.html