精华内容
下载资源
问答
  • Toolbar简单使用
    2020-05-18 13:58:49

    Toolbar作为标题栏,说一下最基本的使用方式:

    首先,在xml中引入,代码如下:

     <androidx.appcompat.widget.Toolbar
      		android:id="@+id/toolbar"
            style="@style/Toolbar"
            android:layout_width="match_parent"
           	android:layout_height="?actionBarSize"
            android:gravity="center"/>
    

    然后是具体的使用:

    方法1

    设置toolbar,可根据自己业务逻辑选择设置,设置需放在onPostCreate

    //设置toolbar加载的menu
    toolbar.inflateMenu(R.menu.menu_live_index)
    //设置文字
    toolbar.title = “”
    //设置文字颜色
    toolbar.setTitleTextColor(color)
    //设置返回按键图标
     toolbar.setNavigationIcon(R.drawable.ic_back)
     //设置返回按键点击事件
     toolbar.setNavigationOnClickListener {
         host.finish()
     }
    
    //获取MenuItem
    val menu = toolbar.menu
    val menuItem = menu.findItem(R.id.action_liveSearch)
    //获取menuItem对应的drawable
    val icon = DrawableCompat.wrap(searchMenuItem.icon.mutate())
    
    //设置toolbar的点击事件:
     toolbar.setOnMenuItemClickListener { item ->
        	if (item?.itemId == R.id.action_liveSearch) {
              	onToolBarSearchClick()
        	}
        	 true
     }
    
    更多相关内容
  • ToolBar使用方法详解

    2021-01-05 12:40:27
    ToolBar的出现是为了替换之前的ActionBar的各种不灵活使用方式,相反,ToolBar使用变得非常灵活,因为它可以让我们自由往里面添加子控件.低版本要使用的话,可以添加support-v7包. 今天要实现的效果如下: 由上图...
  • 主要为大家详细介绍了Android自定义Toolbar使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • Toolbar使用方法

    千次阅读 2016-02-28 22:46:04
    Toolbar

    使用步骤

    1. 布局中加入android.support.v7.widget.Toolbar
    2. Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
      setSupportActionBar(toolbar);

    控件

    这里写图片描述
    1. toolbar.setNavigationIcon(R.mipmap.ic_launcher);
    设定最左边按键,网上都说是必须加在setSupportActionBar后面,但我测试其实前后没什么关系都可以用的,加上去之后是没有点击事件的,需要setNavigationOnClickListener设置
    2. setLogo APP 的图标,setTitle 主标题,setSubtitle 副标题都很简单。

    菜单

    • 菜单需要Activity覆写onCreateOptionsMenu来获取菜单项
      @Override
      public boolean onCreateOptionsMenu(Menu menu) {
      MenuInflater inflater = getMenuInflater();
      inflater.inflate(R.menu.main,menu);
      return super.onCreateOptionsMenu(menu);
      }

    • 通过toolbar.setOnMenuItemClickListener来设置点击事件

    • 菜单的xml文件中最坑的就是showAsAction这个属性,网上都只说他有四种值always,ifRoom,withText,never,其实简单说前三种都有可能会显示出来,如果想要让选项一直都在那三个点里面,设置成never就可以了,就为了这个我搞了好久……
    • 想要让菜单里面的选项有图标的话,先让一个item显示,然后在里面加个子菜单,类似这样
    <item
            android:id="@+id/action_settings"
            android:orderInCategory="100"
            android:title="action_settings"
            app:showAsAction="always"
            android:icon="@mipmap/btn_sel_ring"
            >
            <menu>
                <item
                    android:id="@+id/test11"
                    android:orderInCategory="100"
                    android:icon="@mipmap/btn_sel_ring"
                    android:title="test"
                    app:showAsAction="never"/>
    
            </menu>
        </item>

    这里写图片描述

    展开全文
  • 最近做项目中遇到ToolBar因为不同的界面toobar不同为了描述统一的风格。相信大家也非常清楚,大多数ToolBar包括以下几个方面 左标题 左边题颜色 左标题图标等 标题 标题颜色 右标题 右标题颜色 右标题图标 ...
  • 今天小编就为大家分享一篇关于layui toolbar和template的结合使用方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 自己手动实现扩展,定义自己的样式toolbar: 1.样式代码分析 分析页面初始化后加载的样式. layeditIndex=layedit.build('noticeMatterDigest',{tool: ['left', 'center', 'right','|'],height: 120}); 2.根据分析的...
  • ToolBar使用

    千次阅读 2021-04-27 10:26:46
    一、ToolBar简单使用 1、定义style,隐藏app的ActionBar,并在manifest中,指定application的主题为刚刚定义的style <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <item ...

    一、ToolBar简单使用

    1、定义style,隐藏app的ActionBar,并在manifest中,指定application的主题为刚刚定义的style

        <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
            <item name="colorPrimary">@color/colorPrimary</item>
            <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
            <item name="colorAccent">@color/colorAccent</item> 
        </style>
    
        <style name="AppTheme.NoActionBar">
            <item name="windowActionBar">false</item>
            <item name="windowNoTitle">true</item>
        </style>
    android:theme="@style/AppTheme.NoActionBar"

    2、在布局中添加ToolBar控件,控件全称为:android.support.v7.widget.Toolbar

     <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary" />
    • 注意:需要添加design依赖包:
    compile 'com.android.support:design:26.0.0-alpha1'

    3、在Activity中声明ToolBar,使用setSupportActionBar()方法设定,Toolbar即能取代原本的ActionBar 了

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

    二、ToolBar属性设置

    1、代码设置ToolBar

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    toolbar.setLogo(R.drawable.good_icon);//设置logo
    toolbar.setTitle("我的淘宝");//设置主标题
    toolbar.setSubtitle("应有尽有");//设置副标题
    setSupportActionBar(toolbar);
    //getSupportActionBar().setDisplayHomeAsUpEnabled(true);//设置系统Home按钮,必须放在setSupportActionBar(toolbar);语句后
    toolbar.setNavigationIcon(R.drawable.head_btn_back_white);//设置左边按钮图标
    toolbar.setContentInsetStartWithNavigation(0);//左按钮图标和标题默认有16dp的间距,去掉这个间距,如果没有左图标,可直接设置toolbar属性app:contentInsetStart="0dp",如果有左图标,则设置属性不好用,需要调用方法setContentInsetStartWithNavigation(0)
    toolbar.setNavigationOnClickListener(new View.OnClickListener() {//左图标点击事件
          @Override
          public void onClick(View view) {
               Toast.makeText(MainActivity.this, "back", Toast.LENGTH_SHORT).show();
          }
    });

    2、在布局文件中设置ToolBar的属性

    android:background="?attr/colorPrimary"   设置toolbar背景色,与app主题相同

    app:contentInsetStart="0dp"   设置左图标与主标题间距为0

    app:subtitleTextColor="@color/white"    设置主标题颜色

    app:titleTextColor="@color/white"    设置副标题颜色

     

    三、ToolBar常见问题解决

    1、menu菜单三个点的颜色

    设置menu收起图标颜色,就是那三个点的图标 默认的如果使用 light style 就是黑色的,如果使用 dark style 就是白色的。 如何能够自定义颜色?

        <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
            <item name="colorPrimary">@color/colorPrimary</item>
            <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
            <item name="colorAccent">@color/colorAccent</item>
            <!-- 添加这一句,即可改变图标的颜色-->
            <item name="android:textColorSecondary">#ffffff</item>
        </style>

    2、一般情况下,点击menu的按钮,弹出的popwindow会覆盖在toolbar上,不美观,如图:

    如何能够让popwindow在toolbar下方显示呢?

        <style name="OverflowMenuStyle" parent="Widget.AppCompat.Light.PopupMenu.Overflow">
            <item name="overlapAnchor">false</item>  <!--设置不覆盖锚点-->
        </style>
    
        <style name="ToolbarPopupTheme" parent="@style/ThemeOverlay.AppCompat.Light">
            <item name="actionOverflowMenuStyle">@style/OverflowMenuStyle</item>
        </style>

    然后在toolbar中设置 app:popupTheme="@style/ToolbarPopupTheme"

     

     

     

    ~~~~~~~~~~~~~ 学习笔记,欢迎交流 ~~~~~~~~~~~~~

    展开全文
  • 主要介绍了Bootstrap table中toolbar新增条件查询及refresh参数使用方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
  • Android Toolbar使用详解

    千次阅读 热门讨论 2021-05-29 19:56:51
    方法一 注意 要选择 xxxNoActionBar 也就是无导航栏的样式 以上主题任意选择一个即可。 方法二 你也可以在 res/style.xml 中配置 NoActionBar 主题样式 (全局可用) <?xml version="1.0" encoding="utf-8"?> &...

    修改主题

    当我们新建一个工程时,我们发现默认是有导航栏的, 如图:
    在这里插入图片描述
    那是因为默认app主题自带了导航栏
    在这里插入图片描述
    在这里插入图片描述
    我们发现,系统自带的是一个xxxActionBar,那么我们应该禁用掉 ActionBar

    方法一

    注意 要选择 xxxNoActionBar 也就是无导航栏的样式
    在这里插入图片描述
    以上主题任意选择一个即可。

    方法二

    你也可以在 res/style.xml 中配置 NoActionBar 主题样式 (全局可用)

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
            <!-- Customize your theme here. -->
            <item name="colorPrimary">@color/purple_500</item>
            <item name="colorPrimaryDark">@color/black</item>
            <item name="colorAccent">@color/teal_700</item>
        </style>
    </resources>
    

    使用这种方式需要在 AndroidManifest.xml 中的对应的 activity 节点中设置 theme 属性
    在这里插入图片描述
    或者 在
    在这里插入图片描述
    现在开始添加一个ToolBar

    布局中添加Toolbar

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    
    </LinearLayout>
    

    添加Toolbar具体内容

      // 设置Logo
      toolbar.setLogo(R.mipmap.ic_launcher);
      //  主标题
      toolbar.setTitle("主标题");
      //  副标题
      toolbar.setSubtitle("副标题");
      // 设置导航图标
      toolbar.setNavigationIcon(R.drawable.ab_android);
      ....
    

    Toolbar常用属性

    在这里插入图片描述

    添加菜单

    请先在项目的 res/menu/ 目录中创建新的 XML 文件。
    接下来是菜单的初始化

    方法一

    通过inflateMenu可以添加toolbar的菜单

    //设置菜单
    toolbar.inflateMenu(R.menu.menu_main);
    

    注意: 要想让Toolbar本身的inflateMenu生效,则必须删去这两句代码!!!

      setSupportActionBar(toolbar);
      getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    

    方法二

    调用Activity本身创建menu的接口

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

    监听菜单项

    使用 inflateMenu 方法的

        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem menuItem) {
                String msg = "";
                switch (menuItem.getItemId()) {
                    case R.id.action_edit:
                        msg += "点击标签";
                        break;
                    case R.id.action_share:
                        msg += "点击分享";
                        break;
                    case R.id.action_new:
                        msg += "点击新建";
                        break;
                    case R.id.action_settings:
                        msg += "点击退出";
                        break;
                }
                if (!msg.equals("")) {
                    Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();
                }
                return true;
            }
        });
    

    调用Activity本身创建menu的接口

        @Override
        public boolean onOptionsItemSelected(@NonNull MenuItem item) {
            int id = item.getItemId();
            switch (id) {
                case R.id.menu_app:
                    Toast.makeText(MainActivity.this, "单击了应用程序菜单", Toast.LENGTH_SHORT).show();
                    break;
                case R.id.calendar:
                    Toast.makeText(MainActivity.this, "单击了日历", Toast.LENGTH_SHORT).show();
                    break;
                case R.id.paint:
                    Toast.makeText(MainActivity.this, "单击了画图", Toast.LENGTH_SHORT).show();
                    break;
                case R.id.pictures:
                    Toast.makeText(MainActivity.this, "单击了图片", Toast.LENGTH_SHORT).show();
                    break;
            }
            return super.onOptionsItemSelected(item);
        }
    

    完整代码

    activity_main.xml

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    
    </LinearLayout>
    

    menu_main.xml

    <?xml version="1.0" encoding="utf-8"?>
    <menu xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto">
        <item
            android:id="@+id/action_edit"
            android:icon="@drawable/ab_edit"
            android:orderInCategory="80"
            android:title="@string/action_edit"
            app:showAsAction="ifRoom|withText" />
        <item
            android:id="@+id/action_share"
            android:icon="@drawable/regular_share"
            android:orderInCategory="80"
            android:title="@string/action_share"
            app:showAsAction="ifRoom|withText" />
    
        <item
            android:id="@+id/action_new"
            android:icon="@drawable/ab_new"
            android:orderInCategory="80"
            android:title="@string/action_new"
            app:showAsAction="ifRoom|withText" />
        <item
            android:id="@+id/action_settings"
            android:icon="@drawable/setting"
            android:orderInCategory="80"
            android:title="@string/action_setting"
            app:showAsAction="ifRoom|withText" />
    </menu>
    

    上面代码中组件的添加和Menu绘制的方法类似,唯一的区别就是app:showAsAction值的不同,而该属性正是 Toolbar关键所在。 app:showAsAction 属性共有 4个值,分别如下。
    1)always:这个值会使菜单项一直显示在 ToolBar上。
    2)ifRoom:如果有足够的空间,这个值会使菜单项显示在 Tool Bar上。
    3)never:这个值会使菜单项永远都不出现在 ToolBar上。
    4)withText:这个值会使菜单项和它的图标、菜单文本一起显示。一般和ifRoom一起通过“|”使用
    app:showAsAction 属性值为 ifRoom|withText,表示如果有空间,那么就连同文字一起显示在标题栏中,否则就显示在菜单栏中。
    而当app:showAsAction 属性值为 never时,该项作用为Menu不显示在菜单组件中。

    MainActivity

    package com.example.toolbar;
    
    import android.os.Bundle;
    import android.view.MenuItem;
    import android.widget.Toast;
    
    import androidx.appcompat.app.AppCompatActivity;
    import androidx.appcompat.widget.Toolbar;
    
    public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            Toolbar toolbar = findViewById(R.id.toolbar);
            //设置Logo
            toolbar.setLogo(R.mipmap.ic_launcher);
            //主标题
            toolbar.setTitle("主标题");
            //副标题
            toolbar.setSubtitle("副标题");
            //设置导航图标
            toolbar.setNavigationIcon(R.drawable.ab_android);
            //添加菜单
            toolbar.inflateMenu(R.menu.menu_main);
            //监听菜单项
            toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
                @Override
                public boolean onMenuItemClick(MenuItem menuItem) {
                    String msg = "";
                    switch (menuItem.getItemId()) {
                        case R.id.action_edit:
                            msg += "点击标签";
                            break;
                        case R.id.action_share:
                            msg += "点击分享";
                            break;
                        case R.id.action_new:
                            msg += "点击新建";
                            break;
                        case R.id.action_settings:
                            msg += "点击退出";
                            break;
                    }
                    if (!msg.equals("")) {
                        Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();
                    }
                    return true;
                }
            });
    
        }
    }
    

    在这里插入图片描述

    展开全文
  • android Toolbar使用方法

    2016-01-08 10:48:06
    Actionbar一直使用的不是很好,刷知乎看见说actionbar已经过时了,现在Google推荐使用Toolbar,正好就来学学吧。 (1)ToolBar的引入 1)隐藏原本的ActionBar 隐藏可以通过修改我们继承的主题为:Theme.AppCompat....
  • Toolbar的简单使用方法

    千次阅读 2016-10-25 22:48:31
    什么是ToolbarToolbar是google在android5.0之后推出的一个 Material Design风格的导航栏,用来取代之前的Actionbar.相比于Actionbar,Toolbar可以很简单的设置图标,主标题,子标题,返回键,菜单栏等按键。...
  • ToolBar工具栏是视图View的属性,可以在工具栏上添加工具栏按钮Bar Button Item(可以是自定义的Custom、也可以是系统自带的BarButtonSystemItem ),视图控制器可以通过工具栏项对视图中内容进行操作。 注意事项: 在...
  • 安卓项目实战之:ToolBar使用介绍

    千次阅读 2018-12-03 06:11:27
    Toolbar是谷歌在2014年Google IO 大会上推出的一套全新的设计规范Material Design中的控件之一,主要是用来在android 5.0之后代替Android传统的标题栏ActionBar的,引入在android-support-v7兼容包下,使用ToolBar能...
  • ToolBar使用教程(小白快速上手)

    千次阅读 2018-06-11 14:33:15
    ToolBar效果展示:(做工粗糙,有...这里说明下啊,使用ToolBar能都实现和ActionBar 一样的效果.那么问题来了,为什么Google官方还要推荐toolbar来替代actionbar呢? 第一点,要知道Google于2015年引入Material Desig...
  • 主要介绍了Android ToolBar 修改边距的实现方法的相关资料,通过此文希望能帮助到大家,需要的朋友可以参考下
  • Toolbar的简单使用

    万次阅读 多人点赞 2017-11-01 17:10:39
    Toolbar的简单使用 前言:由于之前项目都没怎么使用toobar,今天心血来潮就写了个demo熟悉下,免得以后用到还得花时候查资料,顺便做下笔记!go。。。  一、Toobar是5.0之后出来的,可以说出来之后就取代了...
  •   ToolBar是Android 5.0推出的一个新的导航控件用于取代之前的ActionBar,由于其高度的可定制性、灵活性、具有Material Design风格等优点,越来越多的App也用上了ToolBar。   沉浸式状态栏是从android Kitkat...
  • 主要为大家详细介绍了Android折叠式Toolbar使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 下面小编就为大家分享一篇ListView上滑和下滑,显示和隐藏Toolbar的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 本文实例为大家分享了ToolBar使用方法,供大家参考,具体内容如下 ToolBar时应用的标准工具栏;用来替代ActionBar; 使用ToolBar必须在Activity配置theme中去掉ActionBar,例如使用 Theme.AppCompat.Light....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 66,207
精华内容 26,482
关键字:

toolbar使用方法