如何让CollapsingToolbarLayout在滚动后完全消失？ - 腾讯云开发者社区

EasyCVR可以进行视频直播，同时也支持对摄像头进行PTZ控制，EasyCVR的网页页面也会进行对应的PTZ控制显示，EasyCVR将该显示放在了播放界面右侧，如下：但是在实际使用过程中，当我们进行全屏播放时...，控制按钮会消失，这个问题我们该如何解决？...对于这样的问题，解决方法有两种：一种是从播放器端来进行处理，在播放器的内部进行控制按钮的设计，通过播放器的UI来展示出控制的按钮；另一种是在播放器的外层再加一层，来进行控制UI的页面。...两种方法都可以实现效果，深层代码的执行我们在本文不做讨论，如果大家有兴趣可以自行测试一下。另外EasyCVR也欢迎大家的测试，如果还想了解更多TSINGSEE青犀视频云边端架构，可关注我们。

1.3K2 0

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

在AppBarLayout里面的View,通过app:layout_scrollFlags属性来控制,滚动时候的表现。其中有4种Flag的类型。...: 顾名思义，这个flag定义的是何时进入（已经消失之后何时再次显示）。...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。...，它可以控制包含在CollapsingToolbarLayout中的控件在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端)。...完全收缩后，Toolbar还可以保留在屏幕上。

2.3K9 0

您找到你想要的搜索结果了吗？

是的

没有找到

CoordinatorLayout使用全解析

enterAlways：这个flag让任意向下的滚动都会导致该view变为可见，启用快速“返回模式”。...相反，如果它的底部75%可见，那么它将完全展开。...pin：CollapsingToolbarLayout折叠后，此布局将固定在顶部。 parallax：CollapsingToolbarLayout折叠时，此布局也会有视差折叠效果。...浮动操作按钮有一个默认的 behavior来检测Snackbar的添加并让按钮在Snackbar之上呈现上移与Snackbar等高的动画。...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。

2.2K2 0

CoordinatorLayout与滚动的处理

在RecyclerView或者任意支持嵌套滚动的view比如NestedScrollView上添加app:layout_behavior。...，这个behavior需要设置在触发事件（滚动）的view之上。...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。...通常，我们我们都是设置Toolbar的title，而现在，我们需要把title设置在CollapsingToolBarLayout上，而不是Toolbar。...这个behavior用于当滚动发生的时候让AppBarLayout发生改变。

8072 0

Android--AppBarLayout、CollapsingToolbarLayout组合使用

、Toolbar常常是组合应用的，AppBarLayout能够赋予Toolbar显示和消失的功能，而CollapsingToolbarLayout能够赋予Toolbar伸缩的功能 AppBarLayout...为scroll|exitUntilCollapsed，还可以使用app:contentScrim来设定缩小到最小高度后的颜色(会有一个渐变的效果) 被CollapsingToolbarLayout包裹的控件...，可是设定app:layout_collapseMode属性，其中parallax表示随着滑动控件的滚动，最终该控件会消失，pin则表示，最终不会消失，废话不多说，来看下xml <?...layout_collapseParallaxMultiplier为缩放的中间轴，默认是0.5就是该控件的高度的一半 Toolbar的app:layout_collapseMode为pin，因为最后Toolbar不会消失...的setTitle方法才能设置标题 private CollapsingToolbarLayout collapsingtoolbarlayout; collapsingtoolbarlayout.setTitle

3.6K3 0

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

可折叠工具栏布局CollapsingToolbarLayout 上一篇博文《Android开发笔记（一百三十五）应用栏布局AppBarLayout》阐述了如何把Toolbar往上滚动，那反过来，...不过，Android在实现展开效果的时候，并非直接让Toolbar展开或收缩，而是另外提供了CollapsingToolbarLayout，通过该布局包裹Toolbar，从而控制标题栏的展开和收缩行为。...在工程中使用CollapsingToolbarLayout，则需注意以下几点： 1、添加几个库的支持，包括appcompat-v7库（Toolbar需要）、design库（CollapsingToolbarLayout...同时声明scroll和enterAlways，滚动效果如下图所示： ? 3、exitUntilCollapsed : 该标志保证页面上至少能看到最小化的工具栏，不会完全看不到工具栏。...具体的滚动说明如下所示：向上滚动：头部先往上收缩，一直滚到折叠的最小高度。然后头部与主体先一起滚动，头部滚到位后，主体继续向上。向下滚动：头部与主体先一起滚动，一直滚到头部折叠的最小高度。

3.3K3 0

界面无小事(九): 做个好看的伸缩头部

> 然后在java代码中使用Glide加载图片....pin模式注意看人物的脚, parallax模式下人物最终滑动到身体部位消失. pin模式下, 人物滑到脚部位消失....也就是说, pin模式下, 下面的滚动视图和图片是同步滑动的, 但是这样的观感其实不好. parallax则改进了这一点, 看起来很和谐, 尽管两者不再同步, 这就是翻译后说的以视差方式滚动了. -...snap 在滚动结束时, 如果视图仅部分可见, 则它将被捕捉并滚动到其最近的边缘. enterAlways 当进入(在屏幕上滚动)时, 无论滚动视图是否也在滚动, 视图都将滚动任何向下滚动事件....但是我感觉体验不好, 会让人有着操作不灵敏的错觉. ?

9892 0

用 CoordinatorLayout 处理滚动

Behavior 必须建立在触发（滚动）事件的 view 上。...如果这个值大于它的 50%，它将完全消失。 ? 注意：在你脑海中要将使用了 scroll 标志位的 view 放在首位。这样，被折叠的 view 将会首先退出，留下在顶部固定着的元素。...Grafixartist Bottom Sheet Tutorial - 关于在底部表滑动时如何定位 floating action button 以及对其使用动画的教程。...如果你在使用 behavior 时遇到了问题，请查看下面的建议：关于如何高效使用 CoordinatorLayout 的例子请仔细参考 cheesesquare 源码。...此 behavior 用来在滚动事件发生时触发 AppBarLayout 上的改变。

4.8K9 2

细说 AppbarLayout,如何理解可折叠 Toolbar 的定制

区别在于 exitUntilCollapsed 的存在，让 scroll 滑动受到了一定的限制。这个限制就是 scoll 不再能够进行完全的滑动，因为 collapsed 距离的存在。...也就是说 snap 代表一种吸附的行为，当一个滑动事件结束后，Toolbar 会向最接近它的边缘自行滚动。那什么是最近的概念呢？比如向上滑动时，如果滑过了一半它就向上滚动，否则滚动回原来的地方。...指定 Contetn scrim 后，CollapsingToolbarLayout 会在折叠状态显示指定的颜色或者是图片，它就像是一块纱布一样遮住 title 下面的内容，所以被称为内容纱布。...需要注意的是，这个属性作用对象是 CollapsingToolbarLayout 中的子 View 并不是 CollapsingToolbarLayout。如何理解视差？...就是滚动的速度不同，造成的视觉差异效果。也就是说 CollapsingToolbarLayout 中有的 view 滚动的快一些，其它的滚动的慢一些。

3.1K3 0

使用CoordinatorLayout打造各种炫酷的效果

int SCROLL_FLAG_ENTER_ALWAYS_COLLAPSED 另一种enterAlways，但是只显示折叠后的高度。...方法一：在代码中使用这个方法 setCollapseMode(int collapseMode) 方法二：在布局文件中使用自定义属性 app:layout_collapseMode="pin" 到此...TabLayout会静止，不会随着滑动的时候消失不见拓展如果我们仅仅改变CollapsingToolbarLayout的app:layout_scrollFlags=”scroll|exitUntilCollapsed...- 对于AppBarLayout，我们主要讲解了这个属性app:layout_scrollFlags，设置不同的属性我们可以在滚动的时候显示不同的效果 - 对于CollapsingToolbarLayout...，我们主要讲解了app:layout_collapseMode这个属性，设置不同的值，我们可以让其子View呈现不同的炫酷效果，如parallax和pin等 CoordinatorLayout的相关用法还有很多

5K1 0

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

CollapsingToolbarLayout可以让Toolbar的效果变得更加丰富，不仅仅是展示一个标题栏，而是能够实现非常华丽的效果。...其中， scroll表示CollapsingToolbarLayout会随着水果内容详情的滚动一起滚动， exitUntilCollapsed表示当CollapsingToolbarLayout随着滚动完成折叠之后就保留在界面上...由于CoordinatorLayout本身已经可以响应滚动事件了，因此我们在它的内部就需要使用NestedScrollView或RecyclerView这样可以响应滚动事件的布局。...继续向上拖动，直到标题栏变成完全折叠状态，效果如图： ? 而这个时候向下拖动水果内容详情，就会执行一个完全相反的动画过程。最终恢复刚刚点进来的样子。...现在只要是在Android5.0及以上的系统运行这个MaterialTest程序，水果详情展示界面的效果便如下： ? 跟刚刚的效果相比，视觉体验是完全不同档次的。 ?

2.3K4 0

Material Design之CollapsingToolbarLayout 相关属性和方法介绍

在折叠的时候标题文字的外观必须引用另一个资源，以“@[+][包:]类型:名称”或主题属性形式”?(包:)类型:名称”。...在折叠的时候状态栏的背景颜色 10。...在折叠的时候显示的toolbar的id 13.app:layout_scrollFlags="scroll|exitUntilCollapsed" scroll - 想滚动就必须设置这个。...--layout_collapseMode (折叠模式) - 有两个值: pin - 设置为这个模式时，当CollapsingToolbarLayout完全收缩后，Toolbar...parallax - 设置为这个模式时，在内容滚动时，CollapsingToolbarLayout中的View（比如ImageView)也可以同时滚动，实现视差滚动效果，通常和layout_collapseParallaxMultiplier

9673 0

html滚动条使用，以及页面有多个div块，如何让body页面不使用滚动条，只在某个div内使用滚动条

滚动条空白部分的颜色 scrollbar-shadow-color立体滚动条阴影的颜色我们通过几个实例来讲解上述的样式属性： 1.让浏览器窗口永远都不出现滚动条没有水平滚动条...加上一点特别的效果： 4.在样式表文件中定义好一个类...举例： 2，页面有多个div块，如何让...body页面不使用滚动条，只在某个div内使用滚动条先说说正常显示的，显示滚动条和不显示滚动条，效果图如下：代码： iframe 中始终显示滚动条：滚动条后，发现div的滚动即使启动了也没有显示，这种情况可能是没有设置此div的高度或宽度，这是需要设置的。

4.7K3 0

CollapsingToolbarLayout使用

这个效果就是利用了CollapsingToolbarLayout控件，在讲解案例代码前，先来介绍一下CollapsingToolbarLayout。...CollapsingToolbarLayout在 CollapsingToolbarLayout 的 Children 布局上，可以按照 FrameLayout 的属性来拍版，因为它本身继承于 FrameLayout...关于CollapsingToolbarLayout的属性在官网上可以查到，这里我只介绍案例中我们常用的几个属性：title标题，布局展开时放大显示在图片底部，布局折叠时缩小显示在Toolbar左侧。...attr/colorPrimary"，即显示为Toolbar颜色，应用的主题色；layout_collapseMode折叠模式，设置其他控件滚动时自身的交互行为，有两种取值：parallax，折叠视差效果...当设置为1.0，滚动列表时图片不会折叠移动；代码实现：关于CoordinatorLayout作为根布局容器如何协调子控件之间的交互行为，可以参考上一篇文章，这里我介绍一下本例中几个新的注意点。

2.5K6 0

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

为了让App页面更加生动活泼，势必要求Toolbar在某些特定的场景上移或者下拉，如此才能满足酷炫的页面特效需要。...RecyclerView是其中一个特工，它可用来替代ListView和GridView；替代ScrollView的则另有其人，它便是嵌套滚动视图NestedScrollView，在Android5.0之后的...CollapsingToolbarLayout》。...3、exitUntilCollapsed : 该标志保证页面上至少能看到最小化的工具栏，不会完全看不到工具栏。具体的滚动说明如下所示：向上滚动：头部先往上收缩，一直滚到折叠的最小高度。...具体的滚动说明如下所示：向上滚动：头部先往上收缩，一直滚到折叠的最小高度。然后头部与主体先一起滚动，头部滚到位后，主体继续向上。向下滚动：头部与主体先一起滚动，一直滚到头部折叠的最小高度。

2K4 0

AppBarLayout和CollapsingToolbarLayout的闲谈

这里涉及到Child View的高度和最小高度，向下滚动时，Child View先向下滚动最小高度值，然后Scrolling View开始滚动，到达边界时，Child View再向下滚动，直至显示完全。...发生向上滚动事件时，Child View向上滚动退出直至最小高度，然后Scrolling View开始滚动。也就是，Child View不会完全退出屏幕。...属性contentScrim 设置当完全CollapsingToolbarLayout折叠(收缩)后的背景颜色。...parallax：视差模式，在折叠的时候会有个视差折叠的效果。...在内容滚动时，CollapsingToolbarLayout中的View（比如ImageView)也可以同时滚动，实现视差滚动效果，通常和layout_collapseParallaxMultiplier

1.8K3 0

CoordinatorLayout使用（四）：和Toolbar的简单使用

snap: 代码中枚举SCROLL_FLAG_SNAP 在滚动结束后，如果view只是部分可见，它将滑动到最近的边界。...enterAlways: 代码中枚举SCROLL_FLAG_ENTER_ALWAYS 这个flag让任意向下的滚动都会导致该view变为可见，启用快速“返回模式”。...enterAlwaysCollapsed必须是scroll为true，enterAlways为true的情况下，不然，不会有效果设置enterAlwaysCollapsed也就是为true的时候，任意向下的滚动都会让...设置exitUntilCollapsed也就是为true的时候，任意向上的滚动都会让view（Toolbar）变为minHeight的高度可见，而不会全部消失反之，不设置，也就是false，会全部消失...---- 中场小节 CoordinatorLayout中，如果NestedScrollView要和Toolbar互动的话（CollapsingToolbarLayout等之后在了解，这里不涉及）

1.5K3 0

高仿支付宝9.9.2版本生活模块界面来讲解CoordinatorLayout，AppBarLayout，CollapsingToolbarLayout

2.AppBarLayout 其次就是AppBarLayout，去除官方解释，简单来说就是它可以让你定制当某个可滚动View的滚动手势发生变化时，其内部的子View实现何种动作。...enterAlways:值设为enterAlways的View,当ScrollView往下滚动时，该View会直接往下滚动。而不用考虑ScrollView是否在滚动。...img4.PNG 设为app:layout_collapseMode="parallax"让它以“视差”的方式来跟随滚动，而toolbar设为app:layout_collapseMode="pin..."以让他固定不动。...当他在中间值的时候，通过`int alpha=255-Math.abs(verticalOffset)-150;得到要设置的透明度，减去150是为了让效果更明显。

1.1K2 0

AppBarLayout学习

滚动最顶层时，子View响应滚动事件，直至子View完全显示 exitUtilCollapsed：只要ScrollView向上滚动，子View立即响应滚动，直到达到最小高度 snap：当Scrollview...可以理解为设置了enterAlways属性的View在向下滚动时的优先级高于ScrollView本身，可以实现分段滚动的效果。...，当到达最小高度后，就不再滚动，吸顶了。...向下滚动时，当ScrollView滚动顶部了，才继续滚动了。 snap snap是一个根据View在屏幕上显示范围进行调整的一个属性，看下效果其实就明白是怎么回事了。...后面会继续学习与CollapsingToolbarLayout一起的使用。

1.1K3 0

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

上滑顶部背景图片缓慢消失，标题悬浮在标题上栏加入布局，放一些搜索框输入框TextInputEditText的使用 1:上滑顶部背景图片缓慢消失，标题悬浮 ?...里面的注释有贴出后加的，用该代码时要注意语法）。...对于这个悬浮按钮里面也有很多属性，这里就不在一一写出了，这里只是作为一个辅助，让我们在视觉更舒服所加的。 2：在标题上栏加入布局，放一些搜索框 ?...-->AppBarLayout-->CollapsingToolbarLayout-->LinearLayout。...addTextChangedListener(this); 获取里面的text文本并且添加文本变化监听，这里要实现三个方法 public void afterTextChanged(Editable s) //内容改变后调用

1.6K10 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

EasyCVR全屏后摄像头PTZ控制按钮消失，如何操作让其显示？

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

CoordinatorLayout使用全解析

CoordinatorLayout与滚动的处理

Android--AppBarLayout、CollapsingToolbarLayout组合使用

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

界面无小事(九): 做个好看的伸缩头部

用 CoordinatorLayout 处理滚动

细说 AppbarLayout,如何理解可折叠 Toolbar 的定制

使用CoordinatorLayout打造各种炫酷的效果

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

Material Design之CollapsingToolbarLayout 相关属性和方法介绍

html滚动条使用，以及页面有多个div块，如何让body页面不使用滚动条，只在某个div内使用滚动条

CollapsingToolbarLayout使用

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

AppBarLayout和CollapsingToolbarLayout的闲谈

CoordinatorLayout使用（四）：和Toolbar的简单使用

高仿支付宝9.9.2版本生活模块界面来讲解CoordinatorLayout，AppBarLayout，CollapsingToolbarLayout

AppBarLayout学习

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

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐