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

CollapsingToolbarLayout的工具栏颜色

CollapsingToolbarLayout是Android Support Library中的一个控件,用于实现可折叠的工具栏效果。它可以在滚动视图中实现一个可折叠的工具栏,当滚动视图向上滚动时,工具栏会逐渐折叠,直到最终完全折叠隐藏。

CollapsingToolbarLayout的工具栏颜色可以通过以下方式进行设置:

  1. 在布局文件中设置app:contentScrim属性,该属性用于设置工具栏折叠时的颜色。可以直接使用颜色值,例如"#FF0000"表示红色,或者使用引用资源,例如"@color/colorPrimary"表示使用主题中定义的颜色。

示例代码:

代码语言:txt
复制
<android.support.design.widget.CollapsingToolbarLayout
    ...
    app:contentScrim="@color/colorPrimary"
    ...>
    ...
</android.support.design.widget.CollapsingToolbarLayout>
  1. 在代码中动态设置工具栏颜色。可以通过CollapsingToolbarLayout的setContentScrimColor()方法来设置工具栏折叠时的颜色。

示例代码:

代码语言:txt
复制
CollapsingToolbarLayout collapsingToolbarLayout = findViewById(R.id.collapsingToolbarLayout);
collapsingToolbarLayout.setContentScrimColor(ContextCompat.getColor(this, R.color.colorPrimary));

CollapsingToolbarLayout的工具栏颜色可以根据实际需求进行设置,以适应不同的设计风格和应用场景。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云移动开发平台:https://cloud.tencent.com/product/mwp
  • 腾讯云云原生应用引擎:https://cloud.tencent.com/product/nae
  • 腾讯云音视频处理:https://cloud.tencent.com/product/mps
  • 腾讯云人工智能:https://cloud.tencent.com/product/ai
  • 腾讯云物联网平台:https://cloud.tencent.com/product/iotexplorer
  • 腾讯云存储:https://cloud.tencent.com/product/cos
  • 腾讯云区块链服务:https://cloud.tencent.com/product/tbaas
  • 腾讯云元宇宙:https://cloud.tencent.com/product/tencent-meta-universe
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Android开发笔记(一百三十六)可折叠工具栏布局CollapsingToolbarLayout

可折叠工具栏布局CollapsingToolbarLayout 上一篇博文《Android开发笔记(一百三十五)应用栏布局AppBarLayout》阐述了如何把Toolbar往上滚动,那反过来,...下面是CollapsingToolbarLayout属性说明: app:contentScrim : 指定布局内部未展开时背景颜色。...声明工具栏滚动行为标志; 其实真正运行时候,Toolbar高度是固定不变,变化高度CollapsingToolbarLayout。...折叠效果并不仅限于和Toolbar互动,还包括标题文字样式渐变(文字大小、颜色、间距等等),连背景图片都可以实现折叠渐变效果。...3、exitUntilCollapsed : 该标志保证页面上至少能看到最小化工具栏,不会完全看不到工具栏。具体滚动说明如下所示: 向上滚动:头部先往上收缩,一直滚到折叠最小高度。

3.1K30

AppBarLayout和CollapsingToolbarLayout闲谈

背景 自从googledesign出来之后,很多控件效果实现起来已经不需要再像以前那样写自定义控件了,最近有个需求是要到页面头部标题栏折叠效果,因此,想想用CollapsingToolbarLayout...了解 CollapsingToolbarLayout主要是提供一个可折叠Toolbar容器,对容器中不同View设置layout_collapseMode折叠模式,来达到不同折叠效果。...通常CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout搭配使用折叠效果目前已经很常见了,在网上有很多例子和文章,小编整理了一下知识点。...属性contentScrim 设置当完全CollapsingToolbarLayout折叠(收缩)后背景颜色。...属性scrimAnimationDuration 设置控制Toolbar收缩时,颜色变化持续时间 属性 layout_collapseMode 折叠模式,有两个值 pin:固定模式,在折叠时候最后固定在顶端

1.6K30

Android之MaterialDesign应用技术2-仿支付宝上滑搜索框缓慢消失

1.1:CoordinatorLayout中设置   前面的添加依赖,在上一篇中已经说过,在这就不在重复了,协调者布局中这次又加入了一个新布局CollapsingToolbarLayout(折叠工具栏布局...),很明显上面的效果图中工具栏上滑同时把图片折叠进去了,这是一个动画效果,如果不是MaterialDesign库强大,这都是我们自己写。...我们来分析一下效果图中都用到了什么,只看带颜色有文字,和一个苹果背景图、还有一个悬浮按钮(吸附在CollapsingToolbarLayout右下角)。...竟然折叠部分是toolbar和背景图片,这就理所应当把这两个空间写在CollapsingToolbarLayout中,因为上面协调者布局和appbar布局很简单,这里就不在写了,只贴出折叠布局代码(...actionBarSize" /> 写到这才是我们折叠布局了,还有我们悬浮按钮

1.5K100

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

CollapsingToolbarLayout介绍 CollapsingToolbarLayout作用是提供了一个可以折叠Toolbar,它继承至FrameLayout,给它设置layout_scrollFlags...CollapsingToolbarLayout子View中可以设置这两个属性 1、ayout_collapseMode (折叠模式) - 有两个值: pin - 设置为这个模式时,当CollapsingToolbarLayout...同理这是在展开时Title文字特点外形设置 app:contentScrim 这是toolbar 标题工具栏停留在顶部时候背景设置 app:expandedTitleMarginStart 设置扩张时候...我在做这里时候遇到一个问题,那就是CollapsingToolbarLayoutTitle问题,一般默认是显示,即使你不写,它也有会一个默认值一直显示在那里,等折叠收缩完时候,停留在标题工具栏上...如果设计需求不要求选项卡在切换时附带有图标的切换效果,仅仅文字颜色发生变化以响应用户点击事件,那么TabLayout和ViewPager建立联系可以用官方提供方法,它可以做到交互双向联动,也就是点击

2.2K90

利用 CollapsingToolbarLayout 完成联动动画效果

最初想法是自己去利用 Android 嵌套滚动机制,去实现上面的嵌套滚动效果.但最后为了开发效率直接利用了 CollapsingToolbarLayout 和 CoordinatorLayout...效果....实现效果原理十分简单,监听 CollapsingToolbarLayout 收缩和扩展距离,换算成你想要一个范围比如移动距离,缩放比例. 部分源码: <?...有一点提一下,最初我是把布局嵌入到 CollapsingToolbarLayout 中去,但是由于 CollapsingToolbarLayout 自身收缩和扩展改变了自身高度,会影响里面的 View...位置,如果按照静态起始和结束位置计算,加上自身高度对 View 布局影响,这就复杂了,我没有细研究.采用了一个笨拙方式,用 FrameLayout 把布局给抽取到顶部,不让他们受到 CollapsingToolbarLayout

1.6K10

Android开发笔记(一百四十四)高仿支付宝头部伸缩动画

再嵌套CollapsingToolbarLayout再嵌套Toolbar布局。...; 3、CollapsingToolbarLayout嵌套Toolbar,这是为了定义导航栏上方无论何时都要显示长条区域,其中Toolbar还要定义两个不同样式布局,用于分别显示展开与收缩状态时工具栏界面...这个渐变动画其实可分为两段: 1、导航栏从展开状态向上收缩时,头部各控件要慢慢向背景色过渡,也就是淡入效果; 2、导航栏向上收缩到一半,顶部工具栏要换成收缩状态下工具栏布局,并且随着导航栏继续向上收缩...,新工具栏各控件也要慢慢变得清晰起来,也就是淡出效果。...; 2、导航栏向下展开到一半,顶部工具栏要换成展开状态下工具栏布局,并且随着导航栏继续向下展开,新工具栏各控件也要慢慢变得清晰起来,也就是淡出效果。

1.1K10

Android开发笔记(一百三十五)应用栏布局AppBarLayout

2、AppBarLayout内部高度也可能变化,比如它嵌套了可折叠工具栏布局CollapsingToolbarLayout,有关可折叠工具栏布局详细介绍参见《Android开发笔记(一百三十六)可折叠工具栏布局...CollapsingToolbarLayout》。...后面三个标志都与CollapsingToolbarLayout有关,得配合该控件才能观察细节差异。...所以本文只做下面三个标志概念解释,有关效果图参见《Android开发笔记(一百三十六)可折叠工具栏布局CollapsingToolbarLayout》。...3、exitUntilCollapsed : 该标志保证页面上至少能看到最小化工具栏,不会完全看不到工具栏。具体滚动说明如下所示: 向上滚动:头部先往上收缩,一直滚到折叠最小高度。

1.9K40

CoordinatorLayout使用全解析

AppBarLayout子布局有5种滚动标识(上面代码CollapsingToolbarLayout中配置app:layout_scrollFlags属性): scroll:所有想滚动出屏幕view...CollapsingToolbarLayout CollapsingToolbarLayout作用是提供了一个可以折叠Toolbar,它继承自FrameLayout,给它设置layout_scrollFlags...CollapsingToolbarLayout可以通过app:contentScrim设置折叠时工具栏布局颜色,通过app:statusBarScrim设置折叠时状态栏颜色。...CollapsingToolbarLayout子布局有3种折叠模式(Toolbar中设置app:layout_collapseMode) off:默认属性,布局将正常显示,无折叠行为。...折叠效果 如果想制造toolbar折叠效果,我们必须把Toolbar放在CollapsingToolbarLayout中: <android.support.design.widget.CollapsingToolbarLayout

1.9K20

使用CoordinatorLayout打造各种炫酷效果

,你也可以自己自定义一个控件,你可以参考我这一篇博客仿网易新闻顶部导航指示器 ---- 在看例子结合ViewPager视觉特差之前 ,我们需要先了解CollapsingToolbarLayout这个控件...简单来说 ,CollapsingToolbarLayout工具栏包装器,它通常作为AppBarLayout孩子。...(当这个View到达 CollapsingToolbarLayout底部时候,这个View 将会被放置,即代替整个CollapsingToolbarLayout) 我们有两种方法可以设置这个常量,...结构图如图片所示,先说明CollapsingToolbarLayout变化 CollapsingToolbarLayout里面 包含ImageView 和ToolBar,ImageViewapp:...底部时候,会代替整个CollapsingToolbarLayout显示 接着说明TabLayout变化 从前面的描述我们已经知道当 没有指定app:layout_scrollFlags时候,最终

4.9K10

Material Design 实战 之 第六弹 —— 可折叠式标题栏(CollapsingToolbarLayout) & 系统差异型功能实现(充分利用系统状态栏空间)

就表示该控件会出现在系统状态栏里; 2.2 在程序主题中将状态栏颜色指定成透明色; 在主题中将android:statusBarColor属性值指定成@android:color...只不过Android5.0系统之前是无法对状态栏背景或颜色进行操作,那个时候也没有Matenal Design概念。 而Android5.0及之后系统就支持这个功能。...这里除了将android:fitsSystemWindows属性设置好,还必须在程序主题中将状态栏颜色指定成透明色。...然后在FruitAcuvityTheme中将状态栏颜色指定成透明色, 由于values-v21目录是只有Android5.0及以上系统才会去读取, 因此这么声明是没有问题。...因为Android5.0之前系统无法指定状态栏颜色,因此这里什么都不用做就可以了。

2.2K40

键盘工具栏快速集成--IQKeyboardManager

IQKeyboardManager,是一个键盘工具栏库: 默认支持UITextField、UITextView、UIWebView、UIScrollView、UITableView、UICollectionView...左右两个切换按钮用来切换不同文本框 会根据文本框键盘类型对弹出键盘样式做出调整  排列依据是看addSubView先后顺序 右边done是用来收起键盘  另外也可以设置点击空白区域收起键盘属性...中间文字默认是文本框占位文字 因为这个库是单例模式 也就是说无论在哪设置了一个属性 那么这个属性对全局都是生效  所以一般我习惯把这个方法写在- (BOOL)application:(UIApplication...manager.enable = YES; //控制点击背景是否收起键盘 manager.shouldResignOnTouchOutside = YES; //控制键盘上工具条文字颜色是否用户自定义...注意这个颜色是指textfiletintcolor manager.shouldToolbarUsesTextFieldTintColor = YES; //中间位置是否显示占位文字

866140

Android--AppBarLayout、CollapsingToolbarLayout组合使用

通常AppBarLayout和CollapsingToolbarLayout是一起使用,也就是CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout...、Toolbar常常是组合应用,AppBarLayout能够赋予Toolbar显示和消失功能,而CollapsingToolbarLayout能够赋予Toolbar伸缩功能 AppBarLayout...CollapsingToolbarLayout使用方法也比较固定,AppBarLayout包裹CollapsingToolbarLayout,由于需要伸缩Toolbar,所以它使用app:layout_scrollFlags...为scroll|exitUntilCollapsed,还可以使用app:contentScrim来设定缩小到最小高度后颜色(会有一个渐变效果) 被CollapsingToolbarLayout包裹控件...,否则没有效果 另外需要注意是,Toolbartitle属性并不会起作用,我们需要在代码中调用CollapsingToolbarLayoutsetTitle方法才能设置标题 private CollapsingToolbarLayout

3.3K30

【翻译】MotionLayout实现折叠工具栏(Part 1)

在我们开始之前,有必要在这里澄清一下:在 CoordinatorLayout 中使用 CollapsingToolbarLayout 来实现折叠工具栏是没任何问题。...举个例子,一个折叠工具栏应该根据用户滚动进行展开和折叠,所以实际动画运行应该时刻跟随用户拖拽进行。这也是那些框架办不到地方。 废话不多说,让我们看下我们所要尝试模拟做到行为动作。...这里代码展示了一个折叠工具栏,应用了 Material Components Library 库里 CollapsingToolbarLayout 和 CoordinatorLayout 布局。...如果在设计视图中查看这个布局,我们能看到布局所展示工具栏处于展开状态: ?...表示工具栏完全展开状态,而另一个表示工具栏处于完全闭合状态就足以。

1.9K31

Android开发(51) 使用 CollapsingToolbarLayout ,可折叠顶部导航栏

概述 在很app上都见过 可折叠顶部导航栏效果。google support v7 提供了 CollapsingToolbarLayout 可以实现这个效果。效果图如下: ? ? ?...实现步骤 1.写一个 CollapsingToolbarLayout,它有两个 子视图,一个就是上图显示图片(降落伞哪个)Imageview,另一个就是 顶部导航栏toobar 2.为 CollapsingToolbarLayout...指定属性 app:layout_scrollFlags="scroll|exitUntilCollapsed" 3.为ImageView 指定属性,声明 它是可以折叠 app:layout_collapseMode...="parallax" 4.为 toobar指定属性,声明它是固定 app:layout_collapseMode="pin" 5.为 CollapsingToolbarLayout 所在父布局(view...true" android:theme="@style/AppTheme.AppBarOverlay"> <android.support.design.widget.CollapsingToolbarLayout

1.7K00

制作你自己快速工具栏

在上面的两篇文章中 一个如何打开开发工具("开发工具"在哪里) 一个建立自己菜单(建立你自己Excel菜单) 细心你们应该都发现了 他们最终都会导向一个窗口 "Excel选项" 而今天快速访问工具栏...一个添加 一个自定义 在菜单任意功能按钮点击右键 就可以将你想要功能加到快速访问工具栏啦 例如我经常要用到字体 我就在字体那点右键→添加到快速访问工具栏 我还经常用到格式 也可以右键快速添加 看到没...它就进去了 另外一个按钮呢 也是和昨天'自定义功能区'一样 会给你快速打开最开始提到Excel选项窗口 ---- 如何添加想要功能到快速访问工具栏呢 一个就是上面说右键啦 一个就是官方路径...并且在这一章 你会发现快速访问工具栏全部按顺序变成了1,2,3,4,5 也就是工具栏会按照你放置顺序 自动为你生成快捷键:Alt+1,Alt+2.......然后再点击功能 未免过于麻烦 虽然菜单栏消失了 但是工具栏没有啊 你可以点击工具栏啊 景4:隐藏神秘功能 Excel总是让人惊叹地方也在于 Excel原来还有这个功能!

92720
领券