精华内容
下载资源
问答
  • Toolbar属性简介

    千次阅读 2017-07-18 17:31:42
    --actionbar 属性颜色 --> < item name = "colorPrimaryDark" >@android:color/holo_blue_bright item ><! --标题栏的颜色 --> < item name = "android:windowTranslucentNavigation" > true item ><! --...

    styles.xml代码:

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
    
        <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
            <item name="windowActionBar">false</item><!--系统默认菜单选项 -->
            <item name="windowNoTitle">true</item> <!-- 标题-->
            <item name="colorPrimary">@android:color/holo_blue_bright</item> <!--actionbar 属性颜色 -->
            <item name="colorPrimaryDark">@android:color/holo_blue_bright</item><!--标题栏的颜色 -->
            <item name="android:windowTranslucentNavigation">true</item><!--4.4以后出现,设置设备的虚拟键透明,虚拟键包括返回和菜单键 ,基本无用,需要java代码实现-->
            <item name="android:windowTranslucentStatus">true</item><!--4.4以后出现,可以拉升到顶部状态栏,并且定义顶部状态栏透明 ,基本无用,需要java代码实现-->
        </style>
      <!--toobar中title字体大下设置  -->  
     <style name="toolbarTitleSize" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Title">
            <item name="android:textSize">80sp</item>
        </style>
    </resources>

    widget_layout.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:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        android:minHeight="?android:attr/actionBarSize"
        android:theme="@style/ToolbarTheme"
    
        **app:titleTextAppearance="@style/toolbarTitleSize"**>
    
    </android.support.v7.widget.Toolbar>

    MainActivity.java 代码:

    public class MainActivity extends AppCompatActivity {
        Toolbar toolbar;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
    //        setTheme(R.style.NightTheme);
    
    //        changeLanguage(this, 1);
            setContentView(R.layout.layout);
            toolbar = (Toolbar) findViewById(R.id.toolbar);
            setSupportActionBar(toolbar);
            getSupportActionBar().setHomeButtonEnabled(true);
            getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    }
        }

    这里写图片描述

    展开全文
  • ToolBar 常用属性

    千次阅读 2017-01-10 14:39:54
    默认的ToolBar可能是这个样子 有时候可能需要标题居中,可在布局中添加一个TextView .support.v7.widget.Toolbar android:id="@+id/toolBar" android:layout_width="match_parent" android:layout_height=...

    默认的ToolBar可能是这个样子

    这里写图片描述

    有时候可能需要标题居中,可在布局中添加一个TextView

     <android.support.v7.widget.Toolbar
            android:id="@+id/toolBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary"
            app:titleTextColor="@android:color/white">
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:layout_gravity="center"
                android:text="Center Title"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="@android:color/white"
                android:textStyle="bold"/>
        </android.support.v7.widget.Toolbar>

    然后去掉默认的Title

      Toolbar toolbar = ((Toolbar) findViewById(R.id.toolBar));
            setSupportActionBar(toolbar);
            getSupportActionBar().setTitle("");

    然后界面应该是这个样子

    这里写图片描述

    二级页面看起来应该差一个返回按钮,这也很简单

      getSupportActionBar().setDisplayHomeAsUpEnabled(true);

    返回按钮的颜色可能不是你想要的

    在style 中新加一个style 如下

     <style name="toolBar">
            <item name="colorControlNormal">@android:color/white</item>
        </style>

    然后在ToolBar布局中添加属性

     app:theme="@style/toolBar"

    这个时候ToolBar应该长这个样子了

    这里写图片描述


    右边再来一个按钮

    menu下新建一个menu文件

    <?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"
          xmlns:tools="http://schemas.android.com/tools"
          tools:context=".MainActivity">
        <item
            android:id="@+id/ab_search"
            android:icon="@drawable/menu_0"
            android:title="action_search"
            app:showAsAction="ifRoom"/>
    </menu>

    Activity中onCreateOptionsMenu

      public boolean onCreateOptionsMenu(Menu menu) {
            MenuInflater inflater = getMenuInflater();
            inflater.inflate(R.menu.toolbar_main_menu, menu);
            return true;
        }

    再加上事件监听

      @Override
        public boolean onOptionsItemSelected(MenuItem item) {
            toast("onOptionsItemSelected");
            return super.onOptionsItemSelected(item);
        }

    这里写图片描述

    展开全文
  • toolbar的一些属性说明

    千次阅读 2017-02-12 16:00:11
    在上一篇使用toolBar作为标题栏并使状态栏透明已经使用toolbar作为标题栏,现在再记录一些toolbar的常用属性说明。  1.设置导航图标(左边的图标,常用于返回按钮)  mToolbar.setNavationIcon(R,mipmap.ic_...

              在上一篇使用toolBar作为标题栏并使状态栏透明已经使用toolbar作为标题栏,现在再记录一些toolbar的常用属性说明。

          1.设置导航图标(左边的图标,常用于返回按钮)

          mToolbar.setNavationIcon(R,mipmap.ic_launch);//设置图标,可根据需求自行设置

           //在xml中设置系统的导航图标

          toolbar:navigationIcon="?attr/homeAsUpIndicator"

          //设置监听

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

          2.设置标题

           mToolbar.setTitle("Title");

          3.设置子标题

         mToolbar.setSubtitle("subtitle");
          4.设置app图标

       mToolbar.setLogo(R.mipmap.ic_launcher);

            5.设置menu菜单

         A.在res创建menu文件夹。

         B.创建main_menu.xml文件在menu文件夹下

    <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=".MainActivity">
        <item android:id="@+id/action_settings"
              android:title="@string/action_settings"
              android:orderInCategory="100"
              app:showAsAction="always"
              android:icon="@android:drawable/ic_menu_always_landscape_portrait"/>
          <item android:id="@+id/action_search"
                android:title="@string/action_settings"
                android:orderInCategory="100"
                app:showAsAction="always"
               android:icon="@android:drawable/ic_menu_always_landscape_portrait"/>
          <item
              android:id="@+id/menu"
              android:orderInCategory="100"
              android:title="null"
              app:showAsAction="never"
              >
                <item android:icon="@drawable/abc_ic_menu_cut_mtrl_alpha"
                      android:title="搜搜"
                      android:id="@+id/action_cut"
                      app:showAsAction="never"/>
                <item android:icon="@drawable/abc_ic_menu_cut_mtrl_alpha"
                      android:title="更多"
                      android:id="@+id/action_cut1"
                      app:showAsAction="never"/>
          </item>
    </menu>
    


           C.在Activity中引用布局
      

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

           D.设置监听

    mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
        @Override
        public boolean onMenuItemClick(MenuItem item) {
            int menuItemId = item.getItemId();
            if (menuItemId == R.id.action_search) {
                Toast.makeText(ToolBarAttributeActivity.this ,"搜索" , Toast.LENGTH_SHORT).show();
    
            } else if (menuItemId == R.id.action_settings) {
                Toast.makeText(ToolBarAttributeActivity.this , "通知" , Toast.LENGTH_SHORT).show();
    
            } else if (menuItemId == R.id.action_cut) {
                Toast.makeText(ToolBarAttributeActivity.this ,"设置", Toast.LENGTH_SHORT).show();
    
            } else if (menuItemId == R.id.action_cut1) {
                Toast.makeText(ToolBarAttributeActivity.this ,"更多" , Toast.LENGTH_SHORT).show();
    
            }else if(menuItemId==R.id.menu){
                Toast.makeText(ToolBarAttributeActivity.this ,"菜单" , Toast.LENGTH_SHORT).show();
            }
            return true;
        }
    });
          

         E.设置子菜单在ToolBar下面,需要在style中设置

    <item name="overlapAnchor">false</item>  <!--把该属性改为false即可使menu位置位于toolbar之下-->
        

         F:设置右边三个点的颜色, 需要在style中设置

    <item name="android:textColorSecondary">#ffffff</item>

         

            6.在清单件中设置属性

    <?xml version="1.0" encoding="utf-8"?>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
                 xmlns:app="http://schemas.android.com/apk/res-auto"
                 android:layout_width="match_parent"
                 android:layout_height="match_parent">
    
        <android.support.v7.widget.Toolbar
            android:minHeight="?attr/actionBarSize"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/id_tool_bar"
            android:paddingTop="@dimen/toolbar_padding_top"
            android:background="?attr/colorPrimary"
            app:navigationIcon="?attr/homeAsUpIndicator"
            app:title="@string/app_name"
            app:logo="@mipmap/ic_launcher"
            app:subtitle="@string/app_name"
            >
        </android.support.v7.widget.Toolbar>
    </FrameLayout>

    效果图  :


         



    展开全文
  • 自己手动实现扩展,定义自己的样式toolbar: 1.样式代码分析 分析页面初始化后加载的样式. layeditIndex=layedit.build('noticeMatterDigest',{tool: ['left', 'center', 'right','|'],height: 120}); 2.根据分析的...
  • 二、ToolBar 属性 整理 Toolbar 比较常用的属性 1、toolbar:navigationIcon 设置 navigation button 2、toolbar:logo 设置 logo 图标 3、toolbar:title 设置标题 4、toolbar:titleTextColor 设置标题文字颜色 5、...

    前言

    在 2014 年 Google IO 大会上,Google 推出了一套全新的设计规范 Material Design,这也为广大的 Android 开发者带来了福音,不用像以前一样照着 IOS 视觉稿来开发 Android APP,Material Design 的视觉风格本身就比较炫酷。

    而 Google 也为我们提供符合 Material Design 风格的一系列组件,这大大的提高了我们的开发效率。由于 APP 改版在做 Material Design 化,所以后面会结合项目中的使用情况写几篇关于 Material Design 组件的文章,第一篇就从 Toolbar 开始吧。

    一、ToolBar 介绍

    Toolbar 是 Android5.0 中新引入的一个控件,其出现的目的就是为了取代 ActionBar。

    而 Actionbar 在显示上应该算是应用 UI 的一部分,但是开发者又不能对其进行完全控制,因为它毕竟是由系统创建并对其进行相关参数的初始化。所以在实际开发中,很多开发者都是用布局生成一个模拟的 Actionbar 来代替系统的 Actionbar,基于这一点,Android 在 5.0 后推出一个新的控件 Toolbar 来取代 ActionBar。

    二、ToolBar 属性

    整理 Toolbar 比较常用的属性

    1、toolbar:navigationIcon 设置 navigation button

    2、toolbar:logo 设置 logo 图标

    3、toolbar:title 设置标题

    4、toolbar:titleTextColor 设置标题文字颜色

    5、toolbar:subtitle 设置副标题

    6、toolbar:subtitleTextColor 设置副标题文字颜色

    7、toolbar:titleTextAppearance 设置 title text 相关属性,如:字体,颜色,大小等等

    8、toolbar:subtitleTextAppearance 设置 subtitle text 相关属性,如:字体,颜色,大小等等

    9、toolbar:logoDescription logo 描述

    10、android:background Toolbar 背景

    11、android:theme 主题

    三、ToolBar 使用

    本文是以最新的 androidx 环境下讲解,其实使用一模一样,就是包名有所变化。

    • 使用 ToolBar 确保 Activity 继承的是 AppCompatActivity,

    • 在应用清单中,将 application 元素设置为使用 appcompat 的其中一个 NoActionBar 主题。使用这些主题中的一个可以防止应用使用原生 ActionBar 类提供应用栏。

    <style name="AppTheme" 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>
    

    xml 布局文件中添加 Toolbar 控件

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways"
        app:subtitleTextColor="#FFF"
        app:titleTextColor="#FFF"
        tools:ignore="MissingConstraints" />
    

    Activity 中初始化 Toolbar 相关属性

    // 设置ToolBar标题
    toolbar.setTitle("ToolBar");
    // 设置ToolBar副标题
    toolbar.setSubtitle("this is toolbar");
    // 设置navigation button
    toolbar.setNavigationIcon(getResources().getDrawable(R.drawable.ic_baseline_arrow_back_24,null));
    // 设置Logo图标
    toolbar.setLogo(getResources().getDrawable(R.drawable.ic_baseline_group_24,null));
    // 设置溢出菜单的图标
    toolbar.setOverflowIcon(getResources().getDrawable(R.drawable.ic_baseline_more_vert_24,null));
    // 设置Menu
    toolbar.inflateMenu(R.menu.toolbar_menu);
    
    // 设置Navigation Button监听
    toolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            finish();
        }
    });
    
    // 设置Menu监听
    toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
        @Override
        public boolean onMenuItemClick(MenuItem item) {
    
            switch (item.getItemId()) {
                case R.id.collect:
                    Toast.makeText(ToolBarActivity.this, "收藏", Toast.LENGTH_SHORT).show();
                    break;
                case R.id.outLogin:
                    Toast.makeText(ToolBarActivity.this, "退出登录", Toast.LENGTH_SHORT).show();
                    break;
                case R.id.appModel:
                    Toast.makeText(ToolBarActivity.this, "夜间模式", Toast.LENGTH_SHORT).show();
                    break;
            }
            return false;
        }
    });
    

    以上代码都是 Toolbar 的基础设置,这里附上 Menu 的布局文件

    <?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/outLogin"
            android:title="退出登录" />
        <item
            android:id="@+id/appModel"
            android:title="夜间模式" />
    
        <item
            android:id="@+id/collect"
            android:icon="@drawable/ic_baseline_stars_24"
            android:title="收藏"
            app:showAsAction="ifRoom" />
    </menu>
    

    menu 文件中我们设置了 3 个 item,但是根据上面图片看到,弹出气泡只显示 2 个,收藏按钮是以图片形式展示的。

    所以需要注意的是:app:showAsAction 属性 ,这个属性是设置菜单该显示方式,取值有 5 种,主要应用的有 ifRoom、never、always 这三种,

    • ifRoom 表示 如果 Toolbar 上有显示空间就显示在 Toolbar 上,如果没有空间就展示在溢出菜单里;
    • never 表是总是显示在溢出菜单里;
    • always 表示总是显示在 Toolbar 上;

    四、ToolBar 案例

    根据以上学习,我们实现一个开发中常见的效果:

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:contentInsetStartWithNavigation="0dp"
        app:subtitleTextColor="#FFF"
        app:titleTextColor="#FFF"
        tools:ignore="MissingConstraints">
    
        <EditText
            android:textSize="14dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/shape_toolbar"
            android:hint="请输入搜索关键字"
            android:padding="5dp" />
    </androidx.appcompat.widget.Toolbar>
    
    toolbar.setNavigationIcon(getResources().getDrawable(R.drawable.ic_baseline_arrow_back_24, null));
    toolbar.inflateMenu(R.menu.toolbar_case_menu);
    

    注意:默认 NavigationIcon 和 Title 之间有一定间距,要想清除这个间距,很简单,只需要在 Toolbar 属性里加上一行

    app:contentInsetStartWithNavigation="0dp"
    

    源码下载 源码包含 Material Design 系列控件集合,定时更新,敬请期待!

    五、总结

    Material Design 风格的控件,本人特别喜欢,感觉 android UI 界面现在越来越漂亮,很多朋友项目都已经重构,选择 Material Design 风格控件,希望本文对 android 初学者有所帮助,一起共勉!

    欢迎点评,诚邀Android程序员加入微信交流群,加我微信备注拉你入群:Jaynm888

    展开全文
  • toolbar相关的主题属性设置

    千次阅读 2017-03-18 14:09:49
    --app:title等属性也可以定义在style.xml中,注意是app命名空间下的,不是android:title,后者不显示。 xmlns:app="http://schemas.android.com/apk/res-auto" --> < TextView android:layout_width = ...
  • Android--ToolBar基本介绍

    2017-09-25 13:26:02
    1、简介ToolBar 是 Android5.0 推出的导航控件,官方在某些程度上认为 ActionBar 限制了 android app 的开发与设计的弹性,所以 ToolBar 的出现可以说是用来代替 Action_Bar。的确对比 Action_Bar,ToolBar 的使用...
  • 最近在项目里用到了bootstrapTable的toolbar属性,但添加这个属性之后,样式就出现的巨大的问题,请问下有没有用过这个属性的大神说下是jquery版本和bootstrap版本有要求还是啥来着。 现在在外面不方便上图,有需要...
  • Toolbar的详细介绍和自定义Toolbar

    万次阅读 多人点赞 2018-03-14 17:26:12
    在此总结一下,Android Toolbar 控件的使用方法,争取总结的系统全面些。之前也只是停留在一些基本简单的用法,而且也不系统。希望爱学习的你能通过这篇文章,有所收获! Toolbar 的基本用法 常用的方法 xml...
  • Toolbar设置图标,菜单属性

    万次阅读 2016-09-06 15:57:16
    Toolbar各种设置
  • Android ToolBar详解

    千次阅读 2016-12-06 02:38:40
    ToolBar不像ActionBar那么固定,Toolbar更像是一般的View元素,可以被放置在view树体系的任意位置,可以应用动画,可以跟着ScrollView滚动,可以与布局中的其他View交互 当然,你还可以用Toolbar替换掉
  • orientation属性 orientation属性用于确认工具栏是水平方向还是垂直方向,这个属性对于QMainWindow中的工具栏来说没有意义,因为QMainWindow中的工具栏支持在上下左右四个方向摆放。 orientation属性缺省是水平方向...
  • const oToolBar = document.querySelector('.ql-toolbar'), aButton = oToolBar.querySelectorAll('button'), aSelect = oToolBar.querySelectorAll('select'), aSpan= oToolBar.querySelectorAll('span'); a...
  • Toolbar的基本使用!和一些不能设置的坑
  • 打开jquery.easyui.min.js源文件,找到“div.datagrid-toolbar”关键字所在处,在循环里面插入“if (typeof (btn.hidden) == “boolean” && btn.hidden == true) { continue; }”判断即可。 if(opts....
  • 正在封装一个库,打算封装一个BaseToolbarActivity,打算用于以后的使用,但是我在库里面的xml中设置的属性,没有效果,求教 ``` java /** * Created by leo on 2017/6/16. * 在需要使用带有标题(Toolbar实现)的...
  • Toolbar 实践

    2016-04-11 16:59:54
    转自:http://www.jianshu.com/p/79604c3ddcae 最详细的 Android Toolbar 开发实践总结 过年前发了一篇介绍 Translucent System Bar 特性的文章 ,noindex" target=
  • Android中导航栏之Toolbar的使用

    千次阅读 2021-02-26 09:21:47
    Toolbar为我们提供了很多属性,常用的属性和方法如下: XML中的属性 Toolbar类的设置方法 说明 Logo setLogo 设置工具栏图标 Title setTitle 设置标题文字 titleTextColor setTiitleTextColor 设置标题的文字颜色 ...
  • bootstraptable 之 工具栏 toolbar

    万次阅读 2019-08-19 16:54:49
    定义id="toolbar"的标签,如下图 <div> <div id="toolbar"> <button class="btn btn-success">添加</button> </div> <table id="userInfoManage"...
  • easyui 自定义toolbar

    万次阅读 2014-09-26 11:21:10
    一:直接定义table标签中加属性toolbar为你自定义内容的id ;height:250px" url="data/datagrid_data.json"  title="DataGrid - Complex Toolbar" toolbar="#tb" singleSelect="true" fitColumns="true...
  • Toolbar的高级性能

    2016-09-12 19:12:21
    作用:①、自定义Toolbar的按钮 ②、自带子菜单(子菜单还能够显示图片和文字) 效果展示:(自定义Toolbar的按钮(这里是个图片,可以是其他的View),点击后产生子菜单,子菜单的内容自定义) ①、使用Andro
  • Android Studio精彩案例(七)《ToolBar使用详解<一>》

    万次阅读 多人点赞 2017-01-13 18:31:15
    转载本专栏文章,请注明出处,...上一篇博客我们学习了ActionBar的使用,因为以前很多方式都会对ActionBar做深度定制,使用起来不是很方便,toolbar 作为 android 5.0 引入的一个新控件,可以理解为是ActionBar的升级版
  • Toolbar的使用详解

    万次阅读 多人点赞 2016-05-15 18:55:34
    一、Toolbar的介绍 Android5.0引入了一个新控件Toolbar,代替了ActionBar,由于其高度的灵活性、可定制性,符合Material Design的风格,越来越多的应用用上了Toolbar,我们可以看到知乎、网易云音乐的标题栏用的...
  • android studio使用Toolbar

    千次阅读 2017-06-16 21:08:29
    1.首先要将app原先的toolbar去掉。 要进入到res/layout/style.xml文件里面将AndroidManifest.xml里面用到的Android:theme属性指定的AppTheme的主题修改一下。 即: <resources> <!-- Base ...
  • WPF下ToolBar控件的使用

    千次阅读 2018-09-14 22:32:00
    一、颜色ToolBar 1、XAML设置 &lt;ToolBar Margin="120,21,230,328"&gt; &lt;RadioButton ToolTip="Red" Click="ColorButton_Click"&gt; &lt;Rectangle ...
  • 属性名默认值说明 toolbar true 该属性用来控制是否在代码块的右上角显示浮动工具栏。博客园屏蔽了这个属性,也就是说如果你在博客园的文章中使用这个属性是没有任何效果的。 例1:toolbar:true 的 HTML 代码及显示...
  • 高德地图 toolbar

    千次阅读 2017-03-24 16:45:54
    打开高德地图时通常会看到在左上角有一个导航条,这个就是今天所要讲的toolbar地图控件 官网定义 地图操作工具条插件。可支持方向导航、位置定位、视野级别缩放、视野级别选择等操作。 代码示例mapObj.plugin(["A...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 45,871
精华内容 18,348
关键字:

toolbar属性