滑动ListView自动隐藏页面头部和底部元素的例子

最新推荐文章于 2022-08-22 15:00:54 发布
最新推荐文章于 2022-08-22 15:00:54 发布
阅读量4.9k 收藏 8
点赞数 1
文章标签： ListView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/androidmylove/article/details/41752771
版权
此博客介绍了一个通过滑动ListView自动隐藏和显示页面头部(如ToolBar)和底部元素(如Button)的示例，参照Google+应用的设计。当ListView向上滑动时，隐藏元素以展示更多内容；向下滑动时，元素重新出现。示例代码可在GitHub的Auto-Hide-ListView项目中找到。
摘要由CSDN通过智能技术生成

完整工程代码在这：https://github.com/NashLegend/Auto-Hide-ListView


现在很多软件都有这种滑动列表的时候自动隐藏页面头部和底部元素的功能，比如Google+。在刚刚进入Activity的时候，页面是一个列表，底部有一个view，头部一个view，当列表向上滑动的时候，隐藏头尾元素，以显示更多内容，当列表向下滑动的时候，再将头尾元素拉出来。比如Google+。


刚刚进入时是这个样子：

wKiom1SARtexnCChAAepuJpccas204.jpg 

再把列表身上一拉，头尾隐藏，成了这个样子：

最低0.47元/天 解锁文章
javawebsoa
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
listview隐藏头部
04-28
android 上滑隐藏头部
[Android Bug] ListView中Header, Footer无法隐藏(gone)的问题
dowhathowtodo
08-24 226
ListView中Header、Footer View应该是会应该遇到， 比如说，滚动到底部时，自动开始加载； 对于一些应用市场，会在Header中加上ViewFlipper做应用推荐（滚动的那种，好像很不少市场都有这个功能）。 添加时一般大家都会做如下处理： ListView listView = xxxx; listView.addHearderView(item_head); ...
滑动listview隐藏和显示顶部布局
weixin_34258078的博客
09-27 263
需求： 1.listview向下滑动时，隐藏顶部布局 2.listview向上滑动到最上面，显示顶部布局 3.顶部布局的隐藏和显示有过渡效果 4.第一次加载listview时，顶部不要隐藏 布局： 注意：android:animateLayoutChanges="true"添加在需要隐藏显示布局的父布局中才能有过渡效果 <?xml version="1.0" encodin...
自动显示和隐藏头布局的ListView(转)
wx19930125的博客
06-19 395
From zsml2016（http://blog.csdn.net/qq_29269233）Power byzsml2016侵权必究！ 前言： 今天在看Android进阶的书籍，发现越看越有趣，当我看到自动显示、隐藏布局的ListView时，内心充满了好奇和期待，因为即将就要解开我心中当年存在的一个迷，之前我刚接触Android的时候，总是在想为什么淘宝还有京东等一些APP可以实现自
html 到某个地方就隐藏,html元素在jQuery滚动到特定位置出现或隐藏
weixin_42512509的博客
06-03 239
html元素在jQuery滚动到特定位置出现或隐藏Document*{margin:0; padding:0;}body{ max-width: 640px; margin:0 auto; }.box{ display: block; height: 50px; line-height: 50px;text-align: center; border:1px solid #ccc; border...
DELPHI xe5 ListView例子
09-14
通过这个简单的DELPHI xe5 ListView例子，开发者可以了解如何在移动应用中使用ListView来展示和管理数据。随着对TListView组件的深入了解，你可以创建更加复杂和功能丰富的应用程序，满足用户在iOS等平台上的需求。...
listview特效大全
05-21
在Android开发中，ListView是一种常用的UI组件，它用于展示大量数据...通过学习和实践"listview特效大全"中的例子，开发者不仅可以掌握ListView的基本使用，还能了解和应用高级特性和优化技巧，提升自己的开发能力。
Android ListView数据的分批显示功能
08-30
在这个例子中，`onScroll`方法检测是否滑动到了列表底部，如果满足条件，则调用`loadMoreData`方法加载更多数据。`loadMoreData`方法通常是异步的，这里为了简单起见，使用了Handler模拟延迟加载。实际开发中，你...
可扩展的ListView
03-11
而当用户滚动到底部时自动加载更多数据，可以结合ListView的`OnScrollListener`实现。 5. **动画效果**：为了提升用户体验，可以添加各种动画效果，如item插入、删除时的动画，或者是滑动切换时的过渡效果。Android...
listView应用
08-03
7. **头部和尾部视图**: 可以添加自定义的头部和尾部视图，例如，用于显示加载提示或者分隔线。 8. **ListView动画**: 通过设置Animation，可以实现如滑动效果、淡入淡出等动态效果，增加用户体验。 9. **下拉刷新...
android ListView向上滑动隐藏标题，下拉显示标题栏，完美解决滑动出现的空白问题。
11-13
向上滑动listview隐藏标题，向下滑动显示标题，完美解决滑动出现的空白问题。
Android 列表上滑 隐藏布局 下拉显示
05-20
Android 列表上滑 隐藏布局 下拉显示
ActionBar随listView的滚动而隐藏于显示
01-16
经常可以看到以下app应用它的toolBar是可以滑出屏幕的，这样的体验效果非常好，看一下效果
页面滚动一定距离 隐藏元素（相应操作）
weixin_49021723的博客
08-22 249
页面滚动一定距离 隐藏元素（相应操作）
js滚动到指定位置显示或隐藏元素
weixin_44614518的博客
08-04 3742
在写小米商城购买页的时候有个导航栏需要在滚动页面到一定位置的时候固定显示，反之隐藏 官网页面 连接：https://www.mi.com/buy/detail?product_id=14206 1、 HTML 2、css 3、js 4、先获取滚动的时候页面的高度，用scrollTop（）方法，scroll是滚动事件，scrollTop变量是用来保存获取到页面高度值，然后判断scrollTop是否大于自己设置的页面高度，我这里设置为203，如果滚动页面高度大于这个设置的高度则这个模块显示，我的是通过设置
android 上滑隐藏view,android 手势上下滑动头部自动隐藏View标签
weixin_29224589的博客
05-27 716
ViewGroup方式写的一个View控件，支持读取子View的表明的属性来表明身份。效果图： 代码/*** Created by liyang on 2017/3/13.* 头部自动隐藏控件*/public class CollapsingTopBarView extends ViewGroup {public CollapsingTopBarView(Context context) {thi...
Android 仿JD浏览商品。滑动头部隐藏显示
热门推荐
li5685918的博客
05-15 1万+
仿JD浏览商品，实现头部导航上滑隐藏，导航悬浮，下滑头部显示 android5.0新特性，需要用到 android.support.design.widget.CoordinatorLayout android.support.design.widget.AppBarLayout 需要在AppBarLayout设置中设置属性。android:fitsSystemWindows=
android 手势上下滑动头部自动隐藏View标签
weixin_30586257的博客
03-15 255
ViewGroup方式写的一个View控件，支持读取子View的表明的属性来表明身份。 效果图： 代码 /** * Created by liyang on 2017/3/13. * 头部自动隐藏控件 */public class CollapsingTopBarView extends ViewGroup { public CollapsingTopBar...
android ScrollView 吸顶效果
yechaoa
01-23 7473
效果图： 有两个相同吸顶的View viewA在ScrollView中 viewB与ScrollView同级 根据ScrollView滑动距离判断同级的viewB 是否显示 当滑动的距离大于viewA到顶部的距离，viewB就显示，反之隐藏 xml代码 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xm...
flutter listview与头部一起滑动
最新发布
09-02
要实现Flutter中ListView与头部一起滑动，可以利用Flutter中的CustomScrollView来实现。 首先，在CustomScrollView的slivers属性中，可以分别添加多个Sliver组件，包括一个SliverAppBar作为头部，以及一个SliverList组件来展示列表内容。 ```dart CustomScrollView( slivers: <Widget>[ SliverAppBar( // 头部内容设置 title: Text('Flutter List'), expandedHeight: 200, flexibleSpace: FlexibleSpaceBar( background: Image.network( 'https://example.com/header.jpg', fit: BoxFit.cover, ), ), ), SliverList( // 列表内容设置 delegate: SliverChildBuilderDelegate( (context, index) => ListTile( title: Text('Item ${index + 1}'), ), childCount: 20, ), ), ], ) ``` 在上面的代码中，我们通过CustomScrollView来创建一个可定制的滚动视图，包含了头部和一个列表。SliverAppBar作为头部，可以通过设置属性来自定义样式和内容，如title设置标题、expandedHeight设置展开高度、flexibleSpace可以设置背景等。SliverList作为列表内容，可以使用SliverChildBuilderDelegate来创建列表项。 这样，列表与头部就可以一起滑动了。当滚动到顶部时，头部会收缩变为导航栏，滚动到底部时，列表会到底部继续滚动。 希望对你有所帮助！
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值