文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android--AppBarLayout基本使用

AppBarLayout一般用于赋予Toolbar（不限于Toolbar）滚动行为，AppBarLayout是一个垂直的LinearLayout，实现了Material Design中app bar的scrolling...AppBarLayout只有作为CoordinatorLayout的直接子View时才能正常工作，为了让AppBarLayout能够知道何时滚动其子View， 我们还应该在CoordinatorLayout...|上它，否则不起效果 如果滚动到顶部再往上滑动的话，则显示Toolbar，只要往下滑动，则Toolbar消失 ?...2.enterAlways 如果往上滑动的话，则显示Toolbar，只要往下滑动，则Toolbar消失 ?...4.exitUntilCollapsed--需要和minHeight一起配合使用，否则没效果 Toolbar完全展开时不遮挡滑动控件，消失效果变为折叠成最小高度，其他和scroll相同 ?

3.5K20

Android--AppBarLayout、CollapsingToolbarLayout组合使用

、Toolbar常常是组合应用的，AppBarLayout能够赋予Toolbar显示和消失的功能，而CollapsingToolbarLayout能够赋予Toolbar伸缩的功能 AppBarLayout...，可是设定app:layout_collapseMode属性，其中parallax表示随着滑动控件的滚动，最终该控件会消失，pin则表示，最终不会消失，废话不多说，来看下xml 其中ImageView为最终会消失的控件...Toolbar的app:layout_collapseMode为pin，因为最后Toolbar不会消失，并且，我们需要给Toolbar设定一个固定高度，因为之前提到exitUntilCollapsed需要一个最小高度...，否则没有效果 另外需要注意的是，Toolbar的title属性并不会起作用，我们需要在代码中调用CollapsingToolbarLayout的setTitle方法才能设置标题 private CollapsingToolbarLayout

3.6K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    CoordinatorLayout与滚动的处理

    目前这个框架提供了几种不用写动画代码就能工作的方法，这些效果包括： 让浮动操作按钮上下滑动，为Snackbar留出空间 ? 扩展或者缩小Toolbar或者头部，让主内容区域有更多的空间。 ?...floatingActionButton弹出Snackbar，fab自动上移的效果，app:layout_behavior的为自定义的效果，当下滑时，fab消失，上滑时fab显示，详情请查看本人博客 Floating...相匹配，用来通知AppBarLayout 这个特殊的view何时发生了滚动事件，这个behavior需要设置在触发事件（滚动）的view之上。...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。...通常，我们我们都是设置Toolbar的title，而现在，我们需要把title设置在CollapsingToolBarLayout上，而不是Toolbar。

    80920

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

    这里，如果设置scroll，也就是为true的时候，上面的Toolbar就会跟着滑动，并且会隐藏 反之，不设置，也就是false，就不会隐藏，只会固定不动 snap相关（scroll条件下）...设置snap必须是scroll为true的情况下，不然，不能动，也不会有效果 设置snap也就是为true的时候，是判断后的弹性，它将滑动到最近的边界 反之，不设置，也就是false，就不会自动滑动...设置enterAlways也就是为true的时候，任意向下的滚动都会让view（Toolbar）变为可见 反之，不设置，也就是false，就需要向下拉到底以后，才会显示view（Toolbar） enterAlwaysCollapsed...设置enterAlwaysCollapsed必须是scroll为true，enterAlways为true的情况下，不然，不会有效果 设置enterAlwaysCollapsed也就是为true的时候，...设置exitUntilCollapsed也就是为true的时候，任意向上的滚动都会让view（Toolbar）变为minHeight的高度可见，而不会全部消失 反之，不设置，也就是false，会全部消失

    1.5K30

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

    exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。...CollapsingToolbarLayout的子View中可以设置这两个属性 1、ayout_collapseMode (折叠模式) - 有两个值: pin - 设置为这个模式时，当CollapsingToolbarLayout...parallax - 设置为这个模式时，在内容滚动时，CollapsingToolbarLayout中的View（比如ImageView)也可以同时滚动，实现视差滚动效果，通常和layout_collapseParallaxMultiplier...2、 layout_collapseParallaxMultiplier(视差因子) - 设置视差滚动因子，值为：0~1。...同理这是在展开时Title文字特点外形的设置 app:contentScrim 这是toolbar 标题工具栏停留在顶部时候背景的设置 app:expandedTitleMarginStart 设置扩张时候

    2.3K90

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

    将标题栏设置透明色 那由于5.0之前是不能变的, 将styles.xml从5.0区分开, 5.0之前什么都不做, 之后版本设置标题栏为透明色....pin模式 注意看人物的脚, parallax模式下人物最终滑动到身体部位消失. pin模式下, 人物滑到脚部位消失....需要设置此标志才能使任何其他标志生效. 如果在此之前的任何兄弟视图没有此标志, 则此值无效. exitUntilCollapsed 退出(滚动屏幕)时, 视图将滚动直到“折叠”....snap 在滚动结束时, 如果视图仅部分可见, 则它将被捕捉并滚动到其最近的边缘. enterAlways 当进入(在屏幕上滚动)时, 无论滚动视图是否也在滚动, 视图都将滚动任何向下滚动事件....实现public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset)方法.

    98920

    Material Design 实战 之第四弹 —— 卡片布局

    其中， scroll 表示当RecyclerView向上滚动时，Toolbar会跟着一起向上滚动并实现隐藏； enterAlways 表示当RecyclerView向下滚动时...} //滑动菜单布局交互设置 navView.setCheckedItem(R.id.nav_call);//将Call菜单项设置为默认选中...其中， scroll表示当RecyclerView向上滚动时，Toolbar会跟着一起向上滚动并实现隐藏； enterAlways表示当RecyclerView向下滚动时，Toolbar会跟着一起向下滚动并重新显示...运行程序可见， 随着我们 向上滚动RecyclerView会Toolbar消失掉； 向下滚动RecyclerView，Toolbar又会重新出现； 滚动到Toolbar的一半时松开手指，Toolbar...当用户需要操作Toolbar上的功能时，只需要轻微向下滚动，Toolbar就会重新出现。

    2.1K10

    【Android】5.x炫酷标题栏动画使用理解

    当滑动屏幕时，子控件都做出了相应的行为（滑出屏幕，固定顶端等），这些行为其实就是AppbarLayout提供给它子控件的功能。...往下看 不知道大家学习的时候会不会跟题主一样，有个疑问：既然AppBarLayout已经为子控件提供了响应滑动的行为，那么为什么还需要一个CollapsingToolbarLayout？...我们上面的代码中，Toolbar是AppBarLayout的第一个子控件，虽然设置了scroll值，但也设置了exitUntilCollapsed值，这个的作用是，当向上滑动时，这个控件也会跟着滑出屏幕...，直到它还留在屏幕内的高度达到最小高度（没有设置好像默认就是wrap_content)时停止。...题主开始时想当然的以为在CollapsingToolbarLayout上面只设置scroll值，在ImageView、上设置snap,在Toolbar上面设置exitUntilCollapsed。

    1.1K60

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

    exitUntilCollapsed 表示的是，向上滑动时，AppBarLayout 中设置了该属性的 View 可以滑动，等到这个 View 可视范围被压缩到 collapsed 指定的高度也就是 minHeight...Toolbar 先滑动，等到视图可见范围高度为 collapsed 指定高度时它会静止，等到 NestedScrollView 内容完全显示在 Toolbar 下方时它再一起滑动，它的动作是 3 段式的...还是以按钮为例，手指按下去时，按钮给的反馈是背景颜色发生改变，这种直接的视觉效果差异就是反馈，它提示了按钮从正常状态到按下状态的变化。 那好。现在，我们再来思考 Toolbar。...说的是包裹 CollapsingToolbarLayout 的 AppbarLayout 需要设置 fitsSystemWindows 为 true。...它在初始位置为 0，其它时候都为负数。它绝对值的最大值为 AppBarLayout 的 TotalScollRange。

    3.1K30

    CollapsingToolbarLayout使用

    ，直至高度缩为Toolbar的高度并成为Toolbar的背景色；向下滑动列表时，Header部分逐渐显示。...注意，没有设置这个属性时，默认使用Toolbar的标题；statusBarScrim顶部视图折叠状态下，状态栏的遮罩色。通常这样设置：app:statusBarScrim="?...attr/colorPrimary"，即显示为Toolbar颜色，应用的主题色；layout_collapseMode折叠模式，设置其他控件滚动时自身的交互行为，有两种取值：parallax，折叠视差效果...当设置为1.0，滚动列表时图片不会折叠移动； 代码实现： 关于CoordinatorLayout作为根布局容器如何协调子控件之间的交互行为，可以参考上一篇文章，这里我介绍一下本例中几个新的注意点。...作为AppBarLayout的直接子控件，CollapsingToolbarLayout包裹Header部分的ImageView和Toolbar，并分别设置二者的折叠模式。

    2.5K60

    一个Demo学会用Android兼容包新控件

    本例中，TabLayout在界面滚动时，随着Toolbar的逐渐隐藏，将占据Toolbar的位置， 达到节省屏幕空间，界面动画效果的目的。...enterAlwaysCollapsed: 当你的视图已经设置minHeight属性又使用此标志时，你的视图只能以最小高度进入，只有当滚动视图到达顶部时才扩大到完整高度。...exitUntilCollapsed: 当视图会在滚动时，它一直滚动到设置的minHeight时完全隐藏。...你会发现多了一个 app:layout_behavior 属性，没错， 如果你使用CoordinatorLayout来实现Toolbar滚动渐变消失动画效果，那就必须在它下面的那个控件中加入这个属性...当设置了layout_behavior的控件滑动时，就会触发设置了layout_scrollFlags的控件发生状态的改变。

    1.5K40

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

    View就暂时不去往下滚动，直到ScrollView滑动到顶部不再滑动时，View再继续往下滑动，直到滑到View的顶部结束。...我们这里AppBarLayout关联的是CollapsingToolbarLayout，设置的属性是app:layout_scrollFlags="scroll|exitUntilCollapsed|snap...CollapsingToolbarLayout只要有这方面： 1.title展开时是最大的，然后随着收缩会越来越少，直到屏幕的顶部，通过app:title设置title,不然就默认。...(View.VISIBLE); mToolbar2.setVisibility(View.GONE); setToolbar1Alpha(alpha); } } } }); } //设置展开时各控件的透明度...当verticalOffset=0的时候即使整个展开的是时候要做的就是显示要显示的，隐藏要隐藏的设置，在设置透明度，同理当verticalOffset等于appBarLayout.getTotalScrollRange

    1.1K20

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

    setCollapsedTitleTextAppearance : 设置未展开时的标题文字字体。 setCollapsedTitleTextColor : 设置未展开时的标题文字颜色。...setCollapsedTitleGravity : 设置未展开时的标题文字对齐方式。 setExpandedTitleTextAppearance : 设置展开后的标题文字字体。...折叠系数可通过属性app:layout_collapseParallaxMultiplier配置，该属性为1.0时，折叠效果同pin模式即固定不动；该属性为0.0时，折叠效果等同于none模式，即也跟着移动相同距离...下面是Toolbar采用pin模式时的效果图，可以看到红色区域始终不动： ? 下面是Toolbar采用parallax模式时的效果图，可以看到红色区域会随着滚上去再滚下来。...因为折叠系数设置为0.1，所以其效果近似于none模式。 ?

    3.3K30
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券