• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >Android > 功能强大的StickyHeaderListView:标题渐变、吸附悬停、筛选分类、动态头部,

功能强大的StickyHeaderListView:标题渐变、吸附悬停、筛选分类、动态头部,

作者:网友 字体:[增加 减小] 来源:互联网 时间:2017-05-26

网友通过本文主要向大家介绍了功能强大的StickyHeaderListView:标题渐变、吸附悬停、筛选分类、动态头部,等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

功能强大的StickyHeaderListView:标题渐变、吸附悬停、筛选分类、动态头部,


StickyHeaderListView 主要是通过 ListView 添加头部实现,将复杂的头部分解为若干部分,如下图:Header 1(广告位)、Header 2(频道位)、Header 3(运营位)、Header 4(分割线) 和 Header 5(筛选头部),这样各个Header部分的UI和逻辑可以单独拿出去处理,具体可以参考我的 开源代码。

功能强大的StickyHeaderListView:标题渐变、吸附悬停、筛选分类、动态头部

StickyHeaderListView_sumary.png

Header 1: 它的高度影响标题栏的颜色渐变。

Header 2: 使用GridView实现,自定义FixedGridView,高度不受ListView的影响,一行显示几个自己可以根据需求设置。

Header 3: 和Header 2一样的实现方式,要注意的地方就是分割线的设置,我实现的思路是设置GridView的背景颜色的分割线的颜色,再设置如下的四个属性:paddingTop、paddingBottom、horizontalSpacing、verticalSpacing为1px,这样分割线就均等了。

android:background="@color/font_black_5"
android:paddingTop="1px"
android:paddingBottom="1px"
android:horizontalSpacing="1px"
android:verticalSpacing="1px"

Header 4: 这个头部布局是需求上的,UI加上整体更加好看,为什么我要单独拿出来,主要考虑到以下的原因:如果让Header 5达到吸附悬停的效果,需要知道Header 5到顶部的距离,如果把分割线加到Header 5上,那在移动的时候还需要减去这个高度;而如果加到Header 3上,Header 3是服务器动态配置的,如果没有Header 3的头部怎么办,那就加到Header 2上等,这样逻辑就比较麻烦,干脆我直接单独拿出来,作为一个头部布局动态添加。

Header 5: 这个筛选头部是个假的布局,主要处理未吸附悬停时的点击事件,点击之后滑动到顶部这时顶部的隐藏的筛选布局显示出来达到吸附悬停的效果。同时我将这个筛选布局定义一个 FilterView,将分类、排序和筛选的UI处理和逻辑封装起来,方便其它页面的二次使用。

还有两点需要特别注意:

一、如果数据不满一屏,比如就一条数据,那点击筛选它是没办法滑动到顶部的,因为她的高度不够,我的解决方法是添加若干个空数据,空数据的size是根据实际一屏要显示的个数减去现在的个数,这样可以达到整体可以滑动的高度,参考 TravelingAdapter 文件。

二、如果数据为空时并且我还需要无数据的占位图,如果在 ListView 底部加上无数据的布局这样的效果是不好的,所以我还在这个Adapter上做文章,让它加载一个无数据的视图布局,同样参考 TravelingAdapter 文件,每一个Item的高度: height = 屏幕的高度 - 标题栏高度 - 筛选View高度,这样设置一个这样的高度的Adapter,再 notifyDataSetChanged() 一下,整体的视图不会变化,无数据的占位图也自然而然的显示了。

 

 

github:https://github.com/sfsheng0322/StickyHeaderListView

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 功能强大的StickyHeaderListView:标题渐变、吸附悬停、筛选分类、动态头部,

相关文章

  • 2017-05-26androidStudio通过svn进行版本控制,androidstudiosvn
  • 2017-05-26Glide,glideandroid
  • 2017-05-26认清Android Studio下的Gradle是什么
  • 2017-05-26微博API常用方法,博API常用方法
  • 2017-05-222.3.8 SeekBar(拖动条)
  • 2017-05-26framework层和native层实现联网控制(iptable方式),nativeiptable
  • 2017-05-26linux文件系统的规模与瓶颈
  • 2017-05-26Android5.0新特性-Material Design
  • 2017-05-26Android SDK下载和更新失败的解决方法!!!,androidsdk
  • 2017-05-26[android] 手机卫士界面切换动画,android卫士

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 手机安全卫士——手机防盗页面,安全卫士防盗页面
    • android Fragment详细讲述,包括问题隐患
    • Android 反编译和混淆,android反编译混淆
    • 改变Activity启动时的默认动画,activity默认动画
    • android:giavity和layout_gravity的区别
    • Linux内核系列—12.b.操作系统开发之从Loader跳入保护模式,12.bloader
    • TabLayout + ViewPager,tablayoutviewpager
    • android自定义圆角背景实现富文本标题展示
    • Android Studio Ndk 编程
    • Android之DOM解析XML,androiddomxml

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有