开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

创建具有最小高度的自定义AppBarLayout子项？

自定义AppBarLayout子项是Android开发中常见的需求，可以通过以下步骤来创建具有最小高度的自定义AppBarLayout子项：

首先，在XML布局文件中定义一个AppBarLayout，并设置其高度为wrap_content。

<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <!-- 添加其他子项 -->

</com.google.android.material.appbar.AppBarLayout>

在AppBarLayout中添加其他子项，例如Toolbar、TabLayout等。

<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <androidx.appcompat.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways"/>

    <!-- 添加其他子项 -->

</com.google.android.material.appbar.AppBarLayout>

设置Toolbar的layout_scrollFlags属性为scroll|enterAlways，以实现滚动时隐藏和显示Toolbar的效果。

至于具体的腾讯云产品和产品介绍链接地址，由于要求不能提及特定的云计算品牌商，无法给出具体的推荐。但是，腾讯云提供了丰富的云计算产品和服务，可以根据实际需求选择适合的产品。

相关搜索:Flutter RenderFlex子项具有非零的弯曲，但传入的高度约束是无界错误 R创建具有最大/最小日期的新列仅用一个具有填充的子项填充自身的自定义面板从最小和最大元素之间具有最小正值差异的列表中创建子列表使用borb创建具有动态高度的文档具有动态创建的高度的单元格重叠具有无界高度约束问题的RenderFlex子项具有自定义子项的MUI选择组件具有自定义宽度和高度的PdfBoxRenderer 创建具有自定义属性的react元素

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

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

； 1.2 app：cardCornerRadius属性指定卡片圆角的弧度，数值越大，圆角的弧度也越大； app:elevation属性指定卡片的高度，高度值越大...；为RecycleView的子项制定一个自定义布局（架构如下）： <android.support.v7.widget.CardView...，数值越大，圆角的弧度也越大； app:elevation属性指定卡片的高度，高度值越大，投影范围也越大，但是投影效果越淡，高度值越小，投影范围也越小，但是投影效果越浓， FloatingActionButton...接下来需要为RecycleView的子项制定一个自定义布局。在layout目录下新建fruit_item.xml： <?xml version="1.0" encoding="utf-8"?...解决方法：传统情况下，使用偏移是唯一的解决办法，即让RecyclerView向下偏移一个Toolbar的高度，从而保证不会遮挡到Toolbar。

2.1K1 0

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

/transparent； 2.3 创建一个values-v21目录；values-v21目录下创建一个styles.xml文件；编写：这里主要是将高度指定为250dp，郭神亲测觉得这样视觉效果比较好。...ViewHolder，在ViewHolder里面实例化子项中的各个对象 } .........那么，系统差异型的功能实现至此开始；右击res目录—>New—>Directory,创建一个values-v21目录，然后右击values-v21目录—>New —>Values resource...file，创建一个styles.xml文件。

2.3K4 0

CoordinatorLayout使用全解析

我们在创建Activity的时候选择此模板，然后就会出现如下的效果相关代码 <?...enterAlwaysCollapsed：假设你定义了一个最小高度（minHeight）同时enterAlways也定义了，那么view将在到达这个最小高度的时候开始显示，并且从这个时候开始慢慢展开，当滚动到顶部的时候展开完...exitUntilCollapsed：当你定义了一个minHeight，此布局将在滚动到达这个最小高度的时候折叠。 snap：当一个滚动事件结束，如果视图是部分可见的，那么它将被滚动到收缩或展开。...假设你定义了一个最小高度（minHeight）同时enterAlways也定义了，那么view将在到达这个最小高度的时候开始显示，并且从这个时候开始慢慢展开，当滚动到顶部的时候展开完。...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。

2K2 0

CoordinatorLayout与滚动的处理

，app:layout_behavior的为自定义的效果，当下滑时，fab消失，上滑时fab显示，详情请查看本人博客 Floating Action Button-Android M新控件运行图 ?...假设你定义了一个最小高度（minHeight）同时enterAlways也定义了，那么view将在到达这个最小高度的时候开始显示，并且从这个时候开始慢慢展开，当滚动到顶部的时候展开完。 ?...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。...同时在用户滚动的时候title的高度也会随着改变。 ? 为了制造出这种效果，我们添加一个定义了app:layout_collapseMode=”parallax” 属性的ImageView。...Behavior）在CoordinatorLayout 与浮动操作按钮中我们讨论了一个自定义behavior的例子。

7372 0

AppBarLayout和CollapsingToolbarLayout的闲谈

背景自从google的design出来之后，很多控件效果实现起来已经不需要再像以前那样写自定义控件了，最近有个需求是要到页面头部标题栏的折叠效果，因此，想想用CollapsingToolbarLayout...通常CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout的搭配使用折叠的效果目前已经很常见了，在网上有很多的例子和文章，小编整理了一下知识点。...这里涉及到Child View的高度和最小高度，向下滚动时，Child View先向下滚动最小高度值，然后Scrolling View开始滚动，到达边界时，Child View再向下滚动，直至显示完全。...exitUntilCollapsed：这里也涉及到最小高度。发生向上滚动事件时，Child View向上滚动退出直至最小高度，然后Scrolling View开始滚动。...也就是说，Child View不会存在局部显示的情况，滚动Child View的部分高度，当我们松开手指时，Child View要么向上全部滚出屏幕，要么向下全部滚进屏幕，有点类似ViewPager的左右滑动

1.7K3 0

Android--AppBarLayout基本使用

AppBarLayout一般用于赋予Toolbar（不限于Toolbar）滚动行为，AppBarLayout是一个垂直的LinearLayout，实现了Material Design中app bar的scrolling...AppBarLayout的子View应该声明想要具有的“滚动行为”，这可以通过layout_scrollFlags属性或是setScrollFlags()方法来指定。...AppBarLayout只有作为CoordinatorLayout的直接子View时才能正常工作，为了让AppBarLayout能够知道何时滚动其子View，我们还应该在CoordinatorLayout...4.exitUntilCollapsed--需要和minHeight一起配合使用，否则没效果 Toolbar完全展开时不遮挡滑动控件，消失效果变为折叠成最小高度，其他和scroll相同 ?...5.snap Toolbar折叠的高度大于原高度的50%，则完全折叠，否则恢复展开，同样的展开的高度大于50%，则完全展开，否则恢复折叠 ?

3.4K2 0

用 CoordinatorLayout 处理滚动

如果这样设置了，你的 view 只会显示出这个最低高度。只有当滑到头的时候那个 view 才会展开到它的完全高度： ?...通过指定 minHeight 和 exitUntilCollapsed，剩余内容开始滚动之前将首先达到 Toolbar 的最小高度，然后退出屏幕： ?...创建折叠效果如果想创建折叠 ToolBar 的效果，我们必须将 ToolBar 包含在 CollapsingToolbarLayout 中： <android.support.design.widget.AppBarLayout...创建视差动画 CollapsingToolbarLayout 可以让我们做出更高级的动画，例如使用一个在折叠的同时可以渐隐的 ImageView。在用户滑动时，标题的高度也可以改变。 ?...) { // do stuff here } } 理解如何实现这些自定义的 behavior 最好方法是研究 AppBarLayout.Behavior

4.8K9 2

AppBarLayout学习

AppBarLayout是一个垂直的LinearLayout，实现了很多和协调布局一起合作的滚动属性。...enterAlwaysCollapsed：当ScrollView滚动最顶层时，子View响应滚动事件，直至子View完全显示 exitUtilCollapsed：只要ScrollView向上滚动，子View立即响应滚动，直到达到最小高度...android:src="@drawable/pic_11"/> 效果如下图：可以看到设置了minHeight以及enterAlwaysCollapsed后，ImageView先滚动到最小高度...exitUtilCollapsed用于设置向上滚动时的最小高度，吸顶的功能。...:scaleType="fitXY" android:src="@drawable/pic_11"/> 效果如下：可以看到，一开始跟着ScrollView一起向上滚动，当到达最小高度后

1.1K3 0

Android--AppBarLayout、CollapsingToolbarLayout组合使用

通常AppBarLayout和CollapsingToolbarLayout是一起使用的，也就是CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout...、Toolbar常常是组合应用的，AppBarLayout能够赋予Toolbar显示和消失的功能，而CollapsingToolbarLayout能够赋予Toolbar伸缩的功能 AppBarLayout...为scroll|exitUntilCollapsed，还可以使用app:contentScrim来设定缩小到最小高度后的颜色(会有一个渐变的效果) 被CollapsingToolbarLayout包裹的控件...，所以它的app:layout_collapseMode为parallax，app:layout_collapseParallaxMultiplier为缩放的中间轴，默认是0.5就是该控件的高度的一半...Toolbar的app:layout_collapseMode为pin，因为最后Toolbar不会消失，并且，我们需要给Toolbar设定一个固定高度，因为之前提到exitUntilCollapsed需要一个最小高度

3.4K3 0

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

1、AppBarLayout的滚动依赖于主体视图的滚动，与主体视图相对应的，可将AppBarLayout称作头部视图。既然一个页面分为头部和主体两部分，那么就存在谁先滚谁后滚的问题了。...2、AppBarLayout内部的高度也可能变化，比如它嵌套了可折叠工具栏布局CollapsingToolbarLayout，有关可折叠工具栏布局的详细介绍参见《Android开发笔记（一百三十六）可折叠工具栏布局...既然AppBarLayout的高度是变化的，那也得区分是滚一半还是滚全部。...3、exitUntilCollapsed : 该标志保证页面上至少能看到最小化的工具栏，不会完全看不到工具栏。具体的滚动说明如下所示：向上滚动：头部先往上收缩，一直滚到折叠的最小高度。...具体的滚动说明如下所示：向上滚动：头部先往上收缩，一直滚到折叠的最小高度。然后头部与主体先一起滚动，头部滚到位后，主体继续向上。向下滚动：头部与主体先一起滚动，一直滚到头部折叠的最小高度。

1.9K4 0

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

的介绍 AppBarLayout 是一个竖直排列的线性布局，它实现了很多Material Design风格app bar的设计概念，换句话说就是滚动手势。...假设你定义了一个最小高度（minHeight）同时enterAlways也定义了，那么view将在到达这个最小高度的时候开始显示，并且从这个时候开始慢慢展开，当滚动到顶部的时候展开完。...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。...它是设计用于直接AppBarLayout的子视图。...；支持添加一个或多个的自定义控件；支持Action Menu； Toolbar的具体使用方法，我在这里就不过多的赘述了，学习的点太多了，简单介绍完了，我给大家推荐两篇参考学习使用的文章就行了，写的很详细和完整

2.2K9 0

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

当然@string/appbar_scrolling_view_behavior是系统自带的，本质是一个类，我们也可以自定义这个类实现其他效果，不过这不是我们这一章所讲的了，我们点到即止。...2.AppBarLayout 其次就是AppBarLayout，去除官方解释，简单来说就是它可以让你定制当某个可滚动View的滚动手势发生变化时，其内部的子View实现何种动作。...exitUntilCollapsed：值设为exitUntilCollapsed的View，当这个View要往上逐渐“消逝”时，会一直往上滑动，直到剩下的的高度达到它的最小高度后，再响应ScrollView...enterAlwaysCollapsed：是enterAlways的附加选项，一般跟enterAlways一起使用，它是指，View在往下“出现”的时候，首先是enterAlways效果，当View的高度达到最小高度时...最后snap这是属性是子View不会存在局部显示的情况，滚动Child View的部分高度，当我们松开手指时，Child View要么向上全部滚出屏幕，要么向下全部滚进屏幕。

1.1K2 0

Android材料设计之Behavior攻坚战

应该对 behavior有一定的认识注意：改动自定义behavior路径时一定要改使用到的地方,不然肯定崩，一定要改!!...本文内容： 1.认识Behavior的使用方式 2.自定义Behavior,分析layoutDependsOn回调和onDependentViewChanged回调 3.自定义Behavior,分析onNestedScroll...自定义Behavior.gif ---- 4.关于几个参数 debug一下，应该很清楚的看出view和dependency分别对应的是什么 ?...---- 三、对第一个Behavior的分析目测：当dependcy移动自身高度之后onDependentViewChanged将不再回调 1.对dependcy的操作既然两个View都在手上...，所以按需使用(如果没有平移，随便用) 可以看到移动的有效长度是dependency的高度,一旦超过onDependentViewChanged将不再回调 ?

1.3K3 1

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

如果在此之前的任何兄弟视图没有此标志, 则此值无效. exitUntilCollapsed 退出(滚动屏幕)时, 视图将滚动直到“折叠”. 折叠高度由视图的最小高度定义。...这通常被称为“快速返回”模式. enterAlwaysCollapsed 'enterAlways'的另一个标志, 它修改返回的视图, 最初只回滚到它的折叠高度....一旦滚动视图到达其滚动范围的末尾, 该视图的其余部分将滚动到视图中. 折叠高度由视图的最小高度定义....自动上移如果不是CoordinatorLayout, 可就没有这种效果了哦. ---- 自定义伸缩头部再来看一个改动更大, 更自定义的. 先上效果图: ?...AppBarLayout.OnOffsetChangedListener 官方文档写的很简单, 使用起来也不难.

9642 0

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

这里的Toolbar、imageView都是AppbarLayout的子控件。...也就是说，AppBarLayout只是提供给它的子控件们，按照从上到下的优先级来响应子控件设置的响应行为。...，直到它还留在屏幕内的高度达到最小高度（没有设置好像默认就是wrap_content)时停止。...再回到我们问题来，Toolbar已经达到了它的最小高度了，所以它被固定在顶端不会动了，因此，即便在它下方的ImageView也设置了scroll属性值，但由于是线性布局，它也就动不了了。...AppBarLayout提供了一个布局参数scrollFlags,通过在它的子控件中设置这个属性的值，就可以实现相应的行为。

1.1K6 0

滑动吸顶效果

实现效果如下： 2019_05_19_16_07_00.gif 要让 CoordinatorLayout 一开始不滑动，然后可以滑动，再然后又不可以滑动，所以想自定义一个控件，重写 onNestedPreScroll...AppBarLayout 从最大到最小可移动的距离 fun setScrollHeight(height: Int) { scrollHeight = height }...: Int = 0 // 上面行程标题大小两种的高度差 override fun onCreate(savedInstanceState: Bundle?)...coordinatorLayout.canScroll(appbarLayout.y > -barHeightDistance) } } 吸顶后悬浮要使吸顶的 View 停在外面，单独做一个...然后发现一个问题，向下拉时由于 canScroll 成 false 时，发假的也没用，所以修改 private fun calculate() { // 只要 appbarLayout 在这不上不下的位置

2.7K1 0

详解android特性之CoordinatorLayout用法探析实例

要想要ToolBar响应滚动事件，这里我们需要用到一个控件：AppBarLayout，这个控件必须作为CoordinatorLayout的直接子View，才会响应滚动事件。...然后呢，我们需要定义一下AppBarLayout与滚动视图(如RecyclerView，NestedScrollView等可以支持嵌套滚动的控件)supportlibrary包含了一个特殊的字符串资源@...string/appbar_scrolling_view_behavior，它和AppBarLayout.ScrollingViewBehavior相匹配，用来通知AppBarLayout 这个特殊的view...假设你定义了一个最小高度（minHeight）同时enterAlways也定义了，那么view将在到达这个最小高度的时候开始显示，并且从这个时候开始慢慢展开，当滚动到顶部的时候展开完。...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。

8914 1

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

enterAlwaysCollapsed: 代码中枚举SCROLL_FLAG_ENTER_ALWAYS_COLLAPSED 当你的视图已经设置minHeight属性又使用此标志时，你的视图只能已最小高度进入...，只有当滚动视图到达顶部时才扩大到完整高度。...任意向下的滚动都会让view（Toolbar）变为minHeight的高度可见反之，不设置，也就是false，enterAlways的效果会全部显示 exitUntilCollapsed相关（scroll...设置exitUntilCollapsed也就是为true的时候，任意向上的滚动都会让view（Toolbar）变为minHeight的高度可见，而不会全部消失反之，不设置，也就是false，会全部消失...创建完以后，简单运行后，为： ?

1.4K3 0

ConstraintLayout2.0一篇写不完之嵌套滚动怎么滚

，就需要自定义behavior来实现，这样一来，嵌套滚动布局就成了一个比较复杂的布局方式了，而MotionLayout的出现，就可以完美的解决这样一个布局难题。...，另一种是直接自定义MotionLayout，实现AppBarLayout.OnOffsetChangedListener，这样通用性比较强，示例如下。...addOnOffsetChangedListener(this) } } ❝这两种方式没有本质上的不同，但是对于MotionEditor来说，如果使用自定义的MotionLayout，在非根布局下创建约束的时候会有一些问题...（修改属性也会存在一些问题），所以，如果使用自定义MotionLayout的话，建议通过include的方式，引用新的根布局为自定义MotionLayout的方式来使用，而直接使用MotionLayout...这样一来，整个嵌套滚动的格局一下子就打开了，再也没了之前使用CoordinatorLayout的高度限制，效果限制，所有的内容，都可以通过约束来进行设置，再通过MotionLayout来进行动态约束，从而实现嵌套滚动布局

1.1K3 0

CollapsingToolbarLayout使用

，直至高度缩为Toolbar的高度并成为Toolbar的背景色；向下滑动列表时，Header部分逐渐显示。...所以，CollapsingToolbarLayout 的使用一定离不开 AppBarLayout 和 Toolbar，并且作为 AppBarLayout 的直接子视图使用。...作为AppBarLayout的直接子控件，CollapsingToolbarLayout包裹Header部分的ImageView和Toolbar，并分别设置二者的折叠模式。...表示控件向上折叠退出并以最小高度停留在顶部；前面介绍CollapsingToolbarLayout属性时介绍到了statusBarScrim的使用，其实也可以通过android:fitsSystemWindows...和layout_anchorGravity可以控制FloatingActionButton的behavior和位置，如上图所示，当滚动列表是，FAB按钮会随着AppBarLayout而显示和隐藏，并自带缩放动画

2.4K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭