开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

改变AppBarLayout高度使list下方大幅跳转

AppBarLayout是Android Material Design中的一个布局容器，通常用于实现应用程序的顶部导航栏。它可以包含一个或多个子视图，其中最常见的是Toolbar。

要改变AppBarLayout的高度以使列表下方大幅跳转，可以通过以下步骤实现：

在布局文件中，将AppBarLayout包裹在一个CoordinatorLayout中，并将列表视图（例如RecyclerView或ListView）放置在AppBarLayout下方。

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

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

            <androidx.appcompat.widget.Toolbar
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin" />

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

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

    <androidx.recyclerview.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

在代码中，可以通过改变AppBarLayout的高度来实现列表下方的大幅跳转。可以使用AppBarLayout.LayoutParams来设置AppBarLayout的高度。

AppBarLayout appBarLayout = findViewById(R.id.appBarLayout);
AppBarLayout.LayoutParams layoutParams = (AppBarLayout.LayoutParams) appBarLayout.getLayoutParams();
layoutParams.height = newHeight; // 设置新的高度
appBarLayout.setLayoutParams(layoutParams);

需要注意的是，改变AppBarLayout的高度可能会影响到其他布局的显示效果，因此需要根据具体情况进行调整。

关于腾讯云相关产品和产品介绍链接地址，可以参考腾讯云官方文档或者咨询腾讯云官方客服获取最新的信息。

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

有帮助

没帮助

相关·内容

用 CoordinatorLayout 处理滚动

目前，此框架提供了几种不需要写任何自定义动画代码就可以（使动画）工作的方式。这些效果包括：上下滑动 Floating Action Button 以给 Snackbar 提供空间。 ?...Ps：这里所说的 scrolling up 应该指的是 list 的滚动条向上滑动而不是上滑的手势。 ? 通常，只有当 list 滑到顶部的时候 Toolbar 才会显示，如下所示： ?...如果这样设置了，你的 view 只会显示出这个最低高度。只有当滑到头的时候那个 view 才会展开到它的完全高度： ?...在用户滑动时，标题的高度也可以改变。 ?...例如 AppBarLayout.Behavior 就定义了这两个关键方法。此 behavior 用来在滚动事件发生时触发 AppBarLayout 上的改变。

4.8K9 2

Android如何实现超级棒的沉浸式体验

我们的viewpager推到actionbar的下方的时候，就固定在了actionbar的下方，不能在往上面推了。...); 依据的就是对appBarLayout的监听。.../** * 使状态栏透明,并覆盖状态栏，对API大于19的显示正常，但小于的界面扩充到状态栏，但状态栏不为透明 */ @TargetApi(Build.VERSION_CODES.KITKAT...View的高度为statusBar的高度，怎么获取： /** * 获取状态栏高度 * * @param context context * @return 状态栏高度...toolbar的高度加上StatusBar的高度。

2.9K25 2

CollapsingToolbarLayout使用

CollapsingToolbarLayout 可以看到，Toolbar的标题放大并在下方显示，当我们向上滑动列表时，顶部Header部分的图片向上折叠隐藏，标题向上移动并缩小，同时以渐显式的方式显示蓝色主题...，直至高度缩为Toolbar的高度并成为Toolbar的背景色；向下滑动列表时，Header部分逐渐显示。...所以，CollapsingToolbarLayout 的使用一定离不开 AppBarLayout 和 Toolbar，并且作为 AppBarLayout 的直接子视图使用。...addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);（支持API19及以上版本，位于setContentView语句前面）一起使用，使顶部视图展开时图片能够延伸到状态栏位置显示...CollapsingToolbarLayout的layout_scrollFlags属性值设为：scroll|exitUntilCollapsed，其中exitUntilCollapsed表示控件向上折叠退出并以最小高度停留在顶部

2.5K6 0

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

"match_parent" android:layout_height="match_parent" android:id="@+id/parent_list_view...match_parent" android:layout_height="match_parent" android:id="@+id/list...AppBarLayout做一个兼容。...enterAlwaysCollapsed - 当你的View已经设置minHeight属性又使用此标志时，你的View只能以最小高度进入，只有当滚动视图到达顶部时才扩大到完整高度。...string/appbar_scrolling_view_behavior"指定给NestedScrollView，即当该控件滑动的时候，其他CollapsingToolbarLayout内的子view做相应的改变如

3.5K5 0

CoordinatorLayout与滚动的处理

RecyclerView的任意滚动事件都将触发AppBarLayout或者AppBarLayout里面view的改变。...Normally, the Toolbar only appears when the list is scrolled to the top as shown below: ?...假设你定义了一个最小高度（minHeight）同时enterAlways也定义了，那么view将在到达这个最小高度的时候开始显示，并且从这个时候开始慢慢展开，当滚动到顶部的时候展开完。 ?...同时在用户滚动的时候title的高度也会随着改变。 ? 为了制造出这种效果，我们添加一个定义了app:layout_collapseMode=”parallax” 属性的ImageView。...比如AppBarLayout.Behavior 就定义了这两个关键方法。这个behavior用于当滚动发生的时候让AppBarLayout发生改变。

8092 0

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

collapsed 的高度由相应的 View 的 minHeight 属性指定，也就是一个 View 的最小高度。...exitUntilCollapsed 表示的是，向上滑动时，AppBarLayout 中设置了该属性的 View 可以滑动，等到这个 View 可视范围被压缩到 collapsed 指定的高度也就是 minHeight...Toolbar 先滑动，等到视图可见范围高度为 collapsed 指定高度时它会静止，等到 NestedScrollView 内容完全显示在 Toolbar 下方时它再一起滑动，它的动作是 3 段式的...注意我的措辞，我说的是 Content scrim 会遮住 title 下方的内容部分。如果一个 CollapsingToolbarLayout 中只有 Toolbar 的话，那么它就不起作用。...> 在布局文件中添加一个图标，然后监听 AppBarLayout 的滑动来改变自身的透明度。

3.1K3 0

CoordinatorLayout+AppBarLayout实现上滑隐藏ToolBar-Android M新控件

比如：在CoordinatorLayout中使用AppBarLayout，如果AppBarLayout的子View（如ToolBar、TabLayout）标记了app:layout_scrollFlags...enterAlwaysCollapsed 当你的视图已经设置minHeight属性又使用此标志时，你的视图只能已最小高度进入，只有当滚动视图到达顶部时才扩大到完整高度 exitUntilCollapsed...tabMode="fixed" app:tabSelectedTextColor="#ff0000" app:tabTextColor="#ffffff" /> 上面有几个参数我来详细介绍下吧，其实就是通过改变这几个参数来改变...; import android.support.v4.app.FragmentPagerAdapter; import java.util.ArrayList; import java.util.List...mFragments = new ArrayList(); //每个Fragment对应的title的集合 private final List mFragmentsTitles

2.2K3 0

android 设置标题栏背景颜色_状态栏菜单栏都在哪

View.SYSTEM_UI_FLAG_LAYOUT_STABLE 保持整个View稳定, 常和控制System UI悬浮, 隐藏的Flags共用, 使View不会因为System UI的变化而重新...带有底部导航栏手机底部导航按钮会和navigationbar重叠如下图所示：全屏时，由于视图布局会填充到状态栏和导航栏下方，如果不使用android:fitsSystemWindows=”true...视图布局位于占空布局下方，从而达到视图布局不遮挡状态栏效果。...而对于第一个首页和第四个我的fragment，则需要布局的图片填充到状态栏底下，而标题栏要位于状态栏下方，这其实只需要一种取巧实现，一般手机状态栏高度都是在25dp左右，当然在代码中动态获取状态栏高度，...这个主要通过监听AppBarLayout滑动的距离，向上滑动，如果大于标题栏的高度，则要动态改变标题栏文字颜色，当标题栏折叠时，改变状态栏文字颜色及返回铵钮图标，同时状态栏文字颜色变成暗色。

2.3K1 0

Material Design技术分享

光影关系即Light and Shadow，针对 Material 环境，虚拟光线照射使场景中的对象投射出阴影，主光源投射出一个定向的阴影，而环境光从各个角度投射出连贯又柔和的阴影。 ?...材料能改变形状，能沿水平或者竖直方向拉长或者增高，能在环境中的任何地方自动产生或消失。 ? 三、高度高度是针对Z轴上不同平面的相对深度或距离。高度的测量单位其实和XY轴相同，这里主要是DP。...高度包含了静态高度与组件高度，一般UI高度是个固定值，只有状态不一致可能上下移动，但是在变化过后都会自动恢复到自身的静态高度。下面的图表对比了多种元素的静止高度和动态高度偏移。 ?...在CoordinatorLayout中使用AppBarLayout，如果AppBarLayout的子View（如ToolBar、TabLayout）标记了app:layout_scrollFlags滚动事件...ActivityOptions.makeSceneTransitionAnimation ActivityOptionsCompat只是将SDK版本在21以下的进行过滤，将不支持切换动画并且自动调用普通activity跳转方法

2.2K6 0

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

---- AppBarLayout 它是继承与LinearLayout的，默认的方向是Vertical ?...int SCROLL_FLAG_ENTER_ALWAYS_COLLAPSED 另一种enterAlways，但是只显示折叠后的高度。...里面已经解释地很清楚了，这里我就不解释了 public class ViewPagerSample extends AppCompatActivity { ViewPager mViewPager; List...简单来说 ,CollapsingToolbarLayout是工具栏的包装器,它通常作为AppBarLayout的孩子。...接着说明TabLayout的变化从前面的描述我们已经知道当没有指定app:layout_scrollFlags的时候，最终TabLayout会静止，不会随着滑动的时候消失不见拓展如果我们仅仅改变

5K1 0

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

将AppBarLayout放在CoordinatorLayout中，就可以实现滚动效果。...--> AppBarLayout android:id="@+id/id_appbarlayout"...enterAlwaysCollapsed: 当你的视图已经设置minHeight属性又使用此标志时，你的视图只能以最小高度进入，只有当滚动视图到达顶部时才扩大到完整高度。...当设置了layout_behavior的控件滑动时，就会触发设置了layout_scrollFlags的控件发生状态的改变。...listener) { this.mOnItemClickListener = listener; } public Context mContext; public List

1.5K4 0

HTC VIVE☀️七、VRTK瞬移的实现与瞬移区域的设置——基于

，而是只有xz坐标的改变。...该传送不改变高度。但该方法不能自适应高度，会出现穿到物体内现象。瞬移2：VRTK_Height Adjust Teleport 自适应高度的瞬移。...当点到盒子时，会瞬移到盒子上面，而不仅仅是只改变xz，也自动改变我们头盔的高度。...VRTK_Bezier Pointer Renderer Q：指针末端穿过地形，不在地形表面 A：勾选VRTK_Bezier Pointer Renderer——Cursor Match Target Rotation：使指针的末端...大家还有什么问题，欢迎在下方留言！

891 0

Android TabLayout 使用进阶（含源码）

当然更多实际需求是修改下划线的长度可以随文字大小改变而改变，这个设置其实也比较的简单，超出你想象之外的简单。通过 app:tabIndicatorFullWidth="false" ?... mFragmentList; public BasicFragmentAdapter(FragmentManager fm, List list, String...textColor="#333333" android:textSize="14sp" /> 然后在ClassificationActivity中增加如下方法...ViewPager，ViewPager改变的时候切换Tab选中。...= -1; @Override public void onOffsetChanged(AppBarLayout appBarLayout, int

3.2K3 3

Android MVVM框架搭建（四）RecyclerVIew + ViewPager2 + BaseQuickAdapter

cid; private List tag; private List<?...verticalBean.getImg()); view.getContext().startActivity(intent); } } 这里点击之后是跳转到...= -1; @Override public void onOffsetChanged(AppBarLayout appBarLayout, int...七、保存本地数据库这里我们依然可以保存热门壁纸的数据，这样可以再第二次打开当前页面的时候使我们的加载效率提高很多，这里我们需要对数据库进行一次升级迁移。 1.

2.1K2 0

Android MVVM框架搭建（四）RecyclerVIew + ViewPager2 + BaseQuickAdapter

cid; private List tag; private List<?...verticalBean.getImg()); view.getContext().startActivity(intent); } } 这里点击之后是跳转到...= -1; @Override public void onOffsetChanged(AppBarLayout appBarLayout, int...七、保存本地数据库这里我们依然可以保存热门壁纸的数据，这样可以再第二次打开当前页面的时候使我们的加载效率提高很多，这里我们需要对数据库进行一次升级迁移。 1.

2.8K1 0

微信小程序基础

小胡子语法-运算数字的加减/字符串拼接/三元模板渲染 wx:v-for ⇒ wx:for 注意点：wx:for=“{{list}}”默认每一项变量名为item；每一项索引变量名为index。...image 元素 aspectFit 缩放模式保持纵横比缩放图片，使图片的长边能完全显示出来。...widthFix 缩放模式宽度不变，高度自动变化，保持原图宽高比不变 heightFix 缩放模式高度不变...redirect 关闭当前页面，跳转到应用内的某个页面。**但是不允许跳转到 tabbar 页面。...，如屏幕旋转 onTabItemTap 当前是 tab 页时，点击 tab 时触发常用APIsetData// 小程序中改变data中的数据需要用setData，不能直接this.name

2121 0

《101 Windows Phone 7 Apps》读书笔记-BOOK READER

Book Reader提供了简便的页面导航，允许用户跳转到任何章节或者任何页码。刚开始可能不那么明显，但是实现本应用程序的最大挑战是编页，即在字体设置的基础上为整本书的内容分页。...The Main Page 图25.1显示了应用程序栏展开后的主页面，应用程序栏上具有回退一页按钮、跳转到任何章节或者页码的按钮和改变设置的按钮。...➔ 命名为Footer的list box控件出现在应用程序栏中，因为它被放置在该区域的下方，而且应用程序栏的不透明度设置为0。...为了达到最好的性能，内联模式list picker下的元素应该将CacheMode设置为BitmapCache，那是因为list picker的下拉和收缩能够改变这些元素的位置。...通过向text block中放置每个字符来测量其宽度和高度，一次放置一个。所有字符的高度都是一样的（因为这里的高度是线高度，包含了填充和其它），因此，高度只需要测量一次。 3.

1.2K6 0

针对 CoordinatorLayout 及 Behavior 的一次细节较真

如果复写这个方法时，改变了 child 的尺寸和位置参数，则需要返回 true，默认情况是返回 false。...在这里，我们让依赖方始终显示在被依赖方的正下方，不论被依赖方位置怎么变换，依赖方始终紧紧相随。那么，代码怎么写。...我们再修改一个代码，如果 child 是一个 TextView 就让它始终在 dependency 的上方显示，否则在它下方显示。...{} 可以看到 AppBarLayout 被注解绑定了 AppBarLayout.Behavior 这个 Behavior。...所以，在查看相关代码之前，我们可以猜测的是，CoordinatorLayout 在 wrap_content 这种情况下，宽高的尺寸信息主要是要找出它子 View 的最大宽度或者最大高度，当然，还得参考

1.3K2 0

Golang语言goto语句

在Go编程语言中的goto语句提供无条件跳转从跳转到标记声明的功能。注意：使用goto语句是高度劝阻的在任何编程语言，因为它使得难以跟踪程序的控制流程，使程序难以理解，难以修改。...语法转到goto语句的语法如下： goto label; .. . label: statement; 在这里，标签(label)可以是除去关键字任何纯文本，它可以在任何地方设置在Go程序的上方或下方

1.6K9 0

基于 HTML5 + WebGL 的宇宙 3D 展示系统

火星上存在水的证据发现等科学上的突破，以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及，宇宙空间中那些原本遥不可及的事物离我们越来越近，人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度...通过改变消息面板 shape3d.autorotate 来实现： const list = this.dm3d.getDatas(); list.each( item => {...this.animationControl(0, false); } }, 500); } } }, false); 效果：　　2.点击最下方的标尺栏...，分别对应 3 个模块：　　3.点选主题一中的行星跳转到的主题二的拓扑结构，点选主题二的星体跳转主题三的地形，主题三无法向前关联，只能通过前两种方式进行跳转：总结：该系统使用轻量高效的 ht...库，矢量平面信息与 3D 对象进行关联，并采用 3D 拓扑可视化呈现，相对位置清晰直观，3D 地形与等高线图对应，海拔高度和相互遮挡关系都可以准确把握。

7141 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭