首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Material Design整理(三)——ToolBar

github地址:https://github.com/shuaijia/MaterialDesignProject 简介 应用内容的标准工具栏,可以说是ActionBar的升级版,两者不是独立关系。...应用内容的标准工具栏,可以说是ActionBar的升级版,两者不是独立关系。 相比ActionBar,ToolBar更加自由,可以随意放置,当一个ViewGroup来使用。...ToolBar提供了可定制、修改的属性: - 导航栏图标 - AppLogo - 主标题、子标题 - 添加一个或多个自定义控件 - 支持Action Menu 使用 1、在res/menu...3、在Activity中 在setContentView方法之前,设置界面没有标题栏: 如果Activity继承Activity,设置: ?...附:隐藏导航栏有两种方法: 如上在代码中设置 在清单文件中给对应Activity设置主题,主题为Theme.AppCompat.Light.NoActionBar 4、将ToolBar作为导航栏 ?

60820
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android--Toolbar基本使用

    谷歌最初推出Actionbar想用于安卓app统一导航行样式,但由于Actionbar自定义性不高,又不是很好看(很丑),民间开发出了另一种控件并被谷歌收入v7包下,它就是Toolbar 使用Toolbar...有几点要注意的(这边使用的v7包的Toolbar,由于继承Activity已经过时,但如果实在想继承Activity的话,使用v4包下的Toolbar): 1.App主题使用NoActionBar 2...dismissPopupMenus() 关闭所有当前显示弹出式菜单,包括溢出或子菜单。 isOverflowMenuShowing() 检查溢出菜单是否正在显示。...setContentInsetsRelative(int contentInsetStart, int contentInsetEnd) 设置此相对布局方向工具栏的内容插图。...setSubtitle(CharSequence subtitle) 设置此工具栏的字幕。

    1.6K30

    通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout

    View时,要想有折叠动画效果,必须把带有scroll flag的view放在前面,这样收回的view才能让正常退出,而固定的view继续留在顶部。...CollapsingToolbarLayout的子View中可以设置这两个属性 1、ayout_collapseMode (折叠模式) - 有两个值: pin - 设置为这个模式时,当CollapsingToolbarLayout...同理这是在展开时Title文字特点外形的设置 app:contentScrim 这是toolbar 标题工具栏停留在顶部时候背景的设置 app:expandedTitleMarginStart 设置扩张时候...与 Actionbar 相比,Toolbar 明显要灵活的多。它不像 Actionbar 一样,一定要固定在Activity的顶部,而是可以放到界面的任意位置。...; 支持添加一个或多个的自定义控件; 支持Action Menu; Toolbar的具体使用方法,我在这里就不过多的赘述了,学习的点太多了,简单介绍完了,我给大家推荐两篇参考学习使用的文章就行了,写的很详细和完整

    2.3K90

    关于系统工具栏和全屏沉浸模式

    而了解设计者想法最直接的途径就是查看文档。当然,了解文档以后还可以再进一步,看看 Android 的源码是怎么实现的,也就是从 Application 层进入到 Framework 层。...---- 淡化系统工具栏   淡化(dim—不知道这么译合适不)工具栏的效果就是 status bar 和 navigation bar 上的图标都变成一个淡灰色的圆点。...ActionBar actionBar = getActionBar(); actionBar.hide(); 注意: 设置的 flag 一旦清空,应用程序需要重新设置 flag 才能隐藏 bar...添加 listener 做处理即可 设置 flag 的代码写在不同的地方有不同的效果。...前面说了有两种 IMMERSIVE 和 IMMERSIVE_STICKY ,前者是将 bar 唤出后不再消失,后者是将 bar 唤出后几秒就消失,后者不触发 Listener。

    1.5K20

    Head First Android Toolbar

    参考Android Support Library 22.1 首先要介绍下AppCompat,这个库起初是是为了让以前低版本的Android系统能够用上ActionBar而开发的兼容支持库[right?...再来看下Toolbar,这是从AppCompat 21版本开始引入的,它的使用就像一个普通的View组件一样,同时它还可以充当ActionBar,这样我们设置的菜单项就会显示在它上面了。...的功能,默认提供了很多种元素可以放置在Toolbar上,其中包括导航按钮、logo图标、标题和子标题、一个或多个自定义的View以及菜单项。...(3.1)设置Theme 可以直接设置为Theme.AppCompat.NoActionBar 主题或者给原有Theme添加两个属性表示我们不使用ActionBar。...注意,这里有个bug,很容易出现 AppCompat does not support the current theme features 的错误。 例如下面的设置: <!

    89820

    三种菜单控件的兼容性问题处理集锦

    所以解决这个问题有两种办法: 1、页面代码继承AppCompatActivity,同时build.gradle中指定较低版本的appcompat-v7来编译(但将无法使用新版本的功能),具体配置修改如下...如果读者对ActionBar和Toolbar还不太了解的话,建议先看看这两篇博文《Android开发笔记(二十)顶部导航栏》、《Android开发笔记(一百一十九)工具栏Toolbar》。...举个例子,默认情况下,溢出菜单列表的菜单项不会在文字左边显示图标,即使设置了icon属性也不管用。...e.printStackTrace(); } } } } 再举个例子,如果想让溢出菜单的某个菜单图标显示在导航栏上,可以在菜单布局中将showAsAction属性设置为...即使导航栏上还有空间,也设置了ifRoom或者always的菜单项,可是其图标并不会显示在导航栏上。为什么会这样呢?

    81410

    Android Ble蓝牙App(六)请求MTU与显示设备信息

    而较小的 MTU 可以降低延迟,因为数据可以更快地分割成较小的包进行传输。   ...ActionBar setSupportActionBar(binding.toolbar)   因为我们在主题中使用的是NoActionBar,而菜单实际上就是在ActionBar上的...,所以设置我们的ToolBar支持ActionBar即可,然后在MainActivity中重写下面两个方法: /** * 创建选项菜单 */ override fun...ifRoom:表示如果有足够的空间,菜单项将显示在工具栏中,否则将显示在溢出菜单中。 always:表示菜单项始终显示在工具栏中,即使没有足够的空间。...它将占据工具栏中的可用空间,可能会挤占其他工具栏元素。 withText:与 always 类似,但会同时显示菜单项的文本标签。 下面你可以再运行看一下效果,我就不运行了。

    3K30

    不到200行 JavaScript 代码如何实现富文本编辑器

    而项目最核心的文件 pell.js 只有130行,即使加上其它部分,总的 js 数量也不到200行。这引起了我的兴趣,决定看看它的源码是如何做到这一点的。...actionbar.appendChild(button) }) 这样数组中的每个元素就都生成了一个工具栏上的按钮了。...actions 数组中可以有这几种元素: 一个字符串 一个有 name 属性的对象 一个对象,没有 name 属性,但有生成一个按钮的必需属性 icon,result 等 在 init() 函数中会把这个...actions参数 和 pell.js 中定义的 actions对象组合起来,可以将 actions 对象当作一个默认设置,看以下代码: actions:[ 'bold', 'underline',...觉得本文对你有帮助?请分享给更多人 关注「前端大全」,提升前端技能

    1.7K70

    android Material Design详解

    Toolbar是应用的内容的标准工具栏,可以说是Actionbar的升级版,两者不是独立关系,要使用Toolbar还是得跟ActionBar扯上关系的。...然后在activity的布局里把它include进去就行了,当然一般把它放到最上面了,有需要你是可以把它放到中间、底部或其它位置的,可见它的自由度是很高的。...提取到的颜色怎么很好的搭配,如果你有UI设计师的话就最好了,像我这种的话看着它顺眼就行。...上面的颜色处理:像如果有把Toolbar当成了ActionBar来使用而且有一些明显的ActionBar即视感的ActionButton的话,我觉得状态栏的颜色应该比ToolBar颜色深一点比较好,看起来有一点界限分隔...设置成一样时的情况更多的是没有ActionButton这些明显的东西或没有三个点的更多ActionButton时,看起来更平面一点,更浑然一体。

    2K90

    Android Material Design之Toolbar与Palette实践

    Toolbar是应用的内容的标准工具栏,可以说是Actionbar的升级版,两者不是独立关系,要使用Toolbar还是得跟ActionBar扯上关系的。...然后在activity的布局里把它include进去就行了,当然一般把它放到最上面了,有需要你是可以把它放到中间、底部或其它位置的,可见它的自由度是很高的。...提取到的颜色怎么很好的搭配,如果你有UI设计师的话就最好了,像我这种的话看着它顺眼就行。...上面的颜色处理:像如果有把Toolbar当成了ActionBar来使用而且有一些明显的ActionBar即视感的ActionButton的话,我觉得状态栏的颜色应该比ToolBar颜色深一点比较好,看起来有一点界限分隔...设置成一样时的情况更多的是没有ActionButton这些明显的东西或没有三个点的更多ActionButton时,看起来更平面一点,更浑然一体。

    1.3K80

    Android ActionBar完全解析,使用官方推荐的最佳导航栏(下)

    而Android官方更加推荐使用ActionBar中提供的Tabs功能,因为它更加的智能,可以自动适配各种屏幕的大小。...2.为每一个你想添加的Tab创建一个ActionBar.Tab的实例,并且调用setTabListener()方法来设置ActionBar.TabListener。...除此之外,还需要调用setText()方法来给当前Tab设置标题。 3.最后调用ActionBar的addTab()方法将创建好的Tab添加到ActionBar中。...首先调用ActionBar的newTab()方法来创建一个Tab实例,接着调用了setText()方法来设置标题,然后再调用setTabListener()方法来设置事件监听器,最后再调用ActionBar...其实Android内置的几个Activity主题中就已经包含了"dark"或"light"这样的ActionBar样式了,同时你也可以继承这些主题,然后进行更深一步的定制。 1.

    1.6K80

    actionbar完全解析(一)

    添加和移除Action Bar ActionBar的添加非常简单,只需要在AndroidManifest.xml中指定Application或Activity的theme是Theme.Holo或其子类就可以了...而如果想要移除ActionBar的话通常有两种方式,一是将theme指定成Theme.Holo.NoActionBar,表示使用一个不包含ActionBar的主题,二是在Activity中调用以下方法:...添加Action按钮 ActionBar还可以根据应用程序当前的功能来提供与其相关的Action按钮,这些按钮都会以图标或文字的形式直接显示在ActionBar上。...可以看到,action_compose和action_delete这两个按钮已经在ActionBar中显示出来了,而action_settings这个按钮由于showAsAction属性设置成了never...话说Google为什么要把ActionBar的overflow设计成这样我也不太理解,但是我们还是有办法改变这一默认行为的。

    1.1K100
    领券