首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

    这里要明确一点,Toolbar本身是页面顶部的工具栏,其上没有本页面的其它控件了,如果Toolbar被拉下来了,那Toolbar上面的空白该显示什么?...不过,Android在实现展开效果的时候,并非直接让Toolbar展开或收缩,而是另外提供了CollapsingToolbarLayout,通过该布局包裹Toolbar,从而控制标题栏的展开和收缩行为。...需要)、recyclerview库(主页面的RecyclerView需要); 2、布局文件的根布局采用android.support.design.widget.CoordinatorLayout,因为...只是许多App把这两者的背景设为一样的,所以看起来像是统一的标题栏在收缩和展开。...下面是标题栏在折叠时显示渐变图片的效果图: ?

    3.3K30

    CoordinatorLayout使用全解析

    enterAlwaysCollapsed:假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度的时候开始显示,并且从这个时候开始慢慢展开,当滚动到顶部的时候展开完...exitUntilCollapsed:当你定义了一个minHeight,此布局将在滚动到达这个最小高度的时候折叠。 snap:当一个滚动事件结束,如果视图是部分可见的,那么它将被滚动到收缩或展开。...例如,如果视图只有底部25%显示,它将折叠。相反,如果它的底部75%可见,那么它将完全展开。...CollapsingToolbarLayout的子布局有3种折叠模式(Toolbar中设置的app:layout_collapseMode) off:默认属性,布局将正常显示,无折叠行为。...假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度的时候开始显示,并且从这个时候开始慢慢展开,当滚动到顶部的时候展开完。

    2.2K20

    用 CoordinatorLayout 处理滚动

    如果这样设置了,你的 view 只会显示出这个最低高度。只有当滑到头的时候那个 view 才会展开到它的完全高度: ?...支持的底部表有两种类型:persistent 和 modal。Persistent 类型的底部表显示应用内的内容,而 modal 类型的则显示菜单或者简单的对话框。 ?...我们需要用一个点击事件来触发显示和隐藏。注意:由于这个已知的 issue,因此不要尝试在OnCreate() 方法中展开底部表。...当滚动事件发生时,CoorinatorLayout 尝试去触发那些被声明为依赖项的子 View。...第三方滚动和视差效果库 除了使用上述的 CoordinatorLayout,还可以查看这些流行的第三方库来实现 ScrollView, ListView, ViewPager 和RecyclerView

    4.8K92

    2025年Android开发趋势全景解读

    devicePosture = LocalDevicePosture.current val columns = when { devicePosture.isBookOpened -> 4 // 折叠屏展开状态...Google Play:上架应用建议包含Compose模块 性能对比:RecyclerView在折叠屏设备滑动帧率下降至45fps,而LazyColumn稳定60fps 开发效率:某外卖App改用Compose...重构个人项目支持动态布局 Material Design折叠屏设计指南 4.2 必须掌握的五个新技术栈 Compose跨设备开发:掌握WindowSizeClass和折叠角度传感器 Rust与Java...8以下语法:Android Studio将屏蔽非Java 17项目 5.2 真实案例:某新闻App的惨痛教训 2024年未适配Compose → 2025年被Play商店下架 损失:日活从200万暴跌至...那些能快速掌握Compose、设备端AI、车载开发三大核心技能的程序员,将在新一轮技术浪潮中占据先机。记住:在这个AI生成代码的时代,架构设计能力和硬件理解深度将成为不可替代的竞争力。

    26020

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

    举个例子,一个折叠工具栏应该根据用户的滚动进行展开和折叠,所以实际动画的运行应该时刻跟随用户的拖拽进行。这也是那些框架办不到的地方。 废话不多说,让我们看下我们所要尝试模拟做到的行为动作。...分别指 ConstrainSet 所定义的两种状态:展开状态和折叠状态。...元素 OnSwipe 把过渡动画和用户在 RecyclerView 上的拖拽操作绑定到了一起,也就是之前我们查看到的主布局中的列表。...在展开和折叠状态下, RecyclerView 列表的上边缘是处于不同位置的,因为它被约束到了 ID 为 toolbar_image 的 ImageView 图片下边缘,而这个过渡动画的实现正是由于控制着这个位置变量的值...在折叠状态下它会垂直居中,而在展开状态下它会对齐在底部,因此 TextView 会更多的相对于 ImageView 的大小尺寸来进行相关设定。

    2K31

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

    RecyclerView是其中一个特工,它可用来替代ListView和GridView;替代ScrollView的则另有其人,它便是嵌套滚动视图NestedScrollView,在Android5.0之后的...和NestedScrollView,还有哪些控件可以触发AppBarLayout的滚动行为呢?...2、AppBarLayout内部的高度也可能变化,比如它嵌套了可折叠工具栏布局CollapsingToolbarLayout,有关可折叠工具栏布局的详细介绍参见《Android开发笔记(一百三十六)可折叠工具栏布局...然后头部向下展开。 4、enterAlwaysCollapsed:该标志一般跟enterAlways一起使用,它与enterAlways区别在于有折叠操作,而单独的enterAlways没有折叠。...具体的滚动说明如下所示: 向上滚动:头部先往上收缩,一直滚到折叠的最小高度。然后头部与主体先一起滚动,头部滚到位后,主体继续向上。 向下滚动:头部与主体先一起滚动,一直滚到头部折叠的最小高度。

    2K40

    实践 | Google IO 应用是如何适配大尺寸屏幕 UI 的?

    应用在大尺寸屏幕 (平板、可折叠设备甚至是 Chrome OS 和台式个人电脑) 上的使用体验是我们的关注点之一: 在过去的一年中,大尺寸屏幕的设备越来越受欢迎,用户使用率也越来越高,如今已增长到 2.5...单窗格还是双窗格 在日程功能中,我们用列表-详情的模式来展示信息的层次。在宽屏幕设备上,显示区域被划分为左侧的会议列表和右侧的所选会议详细信息。...但我们想要充分利用额外的屏幕空间,而不是限制显示内容的宽度。在窄屏幕设备上,您会看到一列项目,它们会在点击时展开或折叠。...随着更多的平板和可折叠设备在用户中普及,请确保在这些不同尺寸和屏幕比例中测试您的应用,这样一些用户就不会觉得自己被 "冷落" 了。...Android Studio 同时提供了 可折叠模拟器 和 自由窗口模式 以简化这些测试过程,因此您可以通过它们来检查您的应用对于上述场景的响应情况。

    2.1K20

    CoordinatorLayout与滚动的处理

    本博文专门讲解和CoordinatorLayout相关的知识点,这也是Design Support Library中最重要与最难的部分。...enterAlwaysCollapsed: 顾名思义,这个flag定义的是何时进入(已经消失之后何时再次显示)。...假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度的时候开始显示,并且从这个时候开始慢慢展开,当滚动到顶部的时候展开完。 ?...---- Creating Collapsing Effects(制造折叠效果) 如果想制造toolbar的折叠效果,我们必须把Toolbar放在CollapsingToolbarLayout中: .support.design.widget.CollapsingToolbarLayout...,比如在里面放一个ImageView,然后在它折叠的时候渐渐淡出。

    80720

    给 RecyclerView 加上折叠的效果

    RecyclerView 有很高的自由度,可以说只有想不到没有做不到,真是越用越喜欢。这次用超简单的方法,让 RecyclerView 带上折叠的效果。 效果是这样的。...image.png 总结一下这个列表的特点,就是以下三点: 重叠效果; 层次感; 首项的差动。 下面我们来一个个解决。...重叠效果 其实就是每一项都搭一部分在它前面那项而已。我们知道,RecyclerView 可以通过设置 ItemDecoration 来实现列表的间隔效果,有没有想过要是把间隔设为负数会怎么样?...这里让每一项的高度比它的上一项高 5dp。...= 0) { view.setTranslationY(0); } 复制代码 这样就完成了一个带有简单折叠效果的 RecyclerView 了,妥妥的。

    1.5K10

    vivo官网APP全机型UI适配方案

    (2)比如vivo 折叠屏高端手机,提供更优质的视觉体验,属于折叠屏机型。(3)比如vivo pad,拥有优秀的操作手感和高级的质感,属于平板机型。...3.3 方案落地规范3.3.1 一套代码适配所有机型确定一个apk能不能适配所有机型,首先要解决的是要符合不同机型的特性,比如直板手机只能纵向显示,折叠屏和pad支持横竖屏旋转。...3.4.1 UI如何设计的如图所示,能够直观地感受到,从直板手机到折叠屏内屏再到Pad横屏,当设备的可显示面积增大时,页面充分利用空间展示更多的商品信息。...= 696 * 3, 2088dp是UI在精选页标注的折叠屏展开范围 public static final int LARGE_SCREEN_MAX_WIDTH_RESOLUTION = 2560...1、文字显示区域放大如下图所示,标题的长度,在整个容器显示宽度变宽的同时,也跟着一起变化,保证内容的长度可以自适应的变化。

    1.6K30

    可展开Recyclerview适配器支持Header、Footer、Empty、LoadMore

    前言 Android RecyclerView的适配器。面对各种列表的需求,急需要梳理一下,抽象出一个快速开发列表的适配器,减小代码量,提高开发效率。...可展开的Adapter支持的功能如下: 支持两行可展开能力(单一类型适配) 支持空状态; 支持Header、Footer的适配 LoadMore的适配 使用类:BaseExpandableRecyclerViewAdapter...用法 (1)基本可展开的group写法 a 新增 父SampleGroupBean和子SampleChildBean b 定义对应的父ViewHolder和子ViewHolder c 实现adapter...中对应的onCreateGroupViewHolder和onCreateChildViewHolder、onBindGroupViewHolder和onBindChildViewHolder public...其中将Group和Child也当作为一种类型进行区分,根据position、及group和child的数量可以计算出折叠或者展开之后的位置。

    78210

    自定义 Behavior,实现嵌套滑动、平滑切换周月视图的日历

    简介 先上个小米日历的图,让大家知道要做一个什么效果: [strip] 这是小米日历的效果,在用户操作列表的时候,将日历折叠成周视图,扩大列表的显示区域,同时也不影响日历部分的功能使用,有趣且实用。...折叠效果 大家可能有看过 RecyclerView 和 AppBarLayout 联动的效果,这种效果需要给 RecyclerView 配置 Behavior: app:layout_behavior=...就是在恰当的时候,消费掉这个偏移量,转化成折叠的效果。...分析一下这个折叠效果。滚动时,日历也向上滚动,最多到当前选中日期那一行,滚动范围和当前选中日期有关。...折叠过程中,要将偏移量消费掉,这就用到了 consumed 这个参数,它是一个长度为 2 的数组,存放的是要消费掉的 x 和 y 轴偏移量。

    3.4K10

    NestedScrollView 嵌套 ListView 实现滑动折叠效果

    引言 最近,在做公司一个design折叠效果的时候遇到个问题,就是我们本身app的方法数太多了,dex分包技术还没搞定。不得不尽量缩减一些不必要的包、类。...当我们引入RecyclerView的时候,恰好是压死骆驼的最后一根稻草,故不得不采用其他方案来代替RecyclerView 和 CollapsingToolbarLayout实现的折叠效果。...本文试着采用 NestedScrollView 嵌套 ListView的方法来实现折叠效果。具体结果如图所示: ?...true,不过这里兼容性还是存在问题的,特别是android 4.4版本的折叠布局的透明statusbar,不知道改为有没更好的方式。...题外话:直接使用RecyclerView折叠动画不平滑问题 在stackoverflow上找到如下解决方案,大致是由于google官方留的Behavior坑。

    3.5K50
    领券