RecyclerVIew实现悬浮吸顶效果
时间:2019-04-01
本文章向大家介绍RecyclerVIew实现悬浮吸顶效果,主要包括RecyclerVIew实现悬浮吸顶效果使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
RecyclerVIew实现悬浮吸顶效果图
这里写图片描述
主页面布局
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v7.widget.RecyclerView android:id="@+id/recycle" android:layout_width="match_parent" android:layout_height="match_parent" /> <TextView android:id="@+id/tv_sticky_header_view" android:layout_width="match_parent" android:layout_height="50dp" android:background="#EFFAE7" android:gravity="center" android:text="吸顶文本1" /> <!--<include layout="@layout/layout_sticky_header_view"/>--> </FrameLayout>
RecyclerView的子条目布局
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <RelativeLayout android:layout_marginLeft="5dp" android:layout_marginRight="5dp" android:id="@+id/rl_content_wrapper" android:layout_width="match_parent" android:layout_height="30dp"> <TextView android:id="@+id/name" android:layout_centerVertical="true" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <TextView android:id="@+id/auto" android:layout_centerVertical="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" /> <View android:layout_width="match_parent" android:layout_height="1dp" android:layout_alignParentBottom="true" android:background="#ffffff"/> </RelativeLayout> <TextView android:id="@+id/tv_sticky_header_view" android:layout_width="match_parent" android:layout_height="50dp" android:background="#EFFAE7" android:gravity="center" android:text="吸顶文本1" /> </FrameLayout>
activity代码
public class MainActivity extends AppCompatActivity { private TextView tvStickyHeaderView; private RecyclerView recyclerView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); initListener(); } /** * 初始化View */ private void initView() { recyclerView = (RecyclerView) findViewById(R.id.recycle); tvStickyHeaderView = (TextView) findViewById(R.id.tv_sticky_header_view); recyclerView.setLayoutManager(new LinearLayoutManager(this)); recyclerView.setAdapter(new StickyExampleAdapter(this, getData())); } /** * 初始化Listener */ private void initListener() { recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); View stickview = recyclerView.findChildViewUnder(0, 0); if (stickview != null && stickview.getContentDescription() != null) { if (!TextUtils.equals(tvStickyHeaderView.getText(), stickview.getContentDescription())) { tvStickyHeaderView.setText(stickview.getContentDescription()); } } View transInfoView = recyclerView.findChildViewUnder( 0, tvStickyHeaderView.getHeight() + 1); if (transInfoView.getTag() != null) { int transViewStatus = (int) transInfoView.getTag(); int top = transInfoView.getTop(); if (transViewStatus == StickyExampleAdapter.HAS_STICKY_VIEW) { if (top > 0) { int dealtY = top - tvStickyHeaderView.getMeasuredHeight(); tvStickyHeaderView.setTranslationY(dealtY); } else { tvStickyHeaderView.setTranslationY(0); } } else if (transViewStatus == StickyExampleAdapter.NONE_STICKY_VIEW) { tvStickyHeaderView.setTranslationY(0); } } } }); } public List<StickyBean> getData() { List<StickyBean> stickyExampleModels = new ArrayList<>(); for (int index = 0; index < 100; index++) { if (index < 15) { stickyExampleModels.add(new StickyBean( "吸顶文本1", "name" + index, "gender" + index)); } else if (index < 25) { stickyExampleModels.add(new StickyBean( "吸顶文本2", "name" + index, "gender" + index)); } else if (index < 35) { stickyExampleModels.add(new StickyBean( "吸顶文本3", "name" + index, "gender" + index)); } else { stickyExampleModels.add(new StickyBean( "吸顶文本4", "name" + index, "gender" + index)); } } return stickyExampleModels; } }
adapter代码
public class StickyExampleAdapter extends RecyclerView.Adapter<StickyExampleAdapter.RecyclerViewHolder> { //第一个吸顶 private static final int FIRST_STICKY_VIEW = 1; //别的吸顶 static final int HAS_STICKY_VIEW = 2; //正常View static final int NONE_STICKY_VIEW = 3; private final LayoutInflater mInflate; private final List<StickyBean> datas; StickyExampleAdapter(Context context, List<StickyBean> datas){ mInflate = LayoutInflater.from(context); this.datas = datas; } @Override public RecyclerViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View inflate = mInflate.inflate(R.layout.item_ui, parent, false); return new RecyclerViewHolder(inflate); } @Override public void onBindViewHolder(RecyclerViewHolder holder, int position) { StickyBean stickyBean = datas.get(position); holder.tvName.setText(stickyBean.name); holder.tvGender.setText(stickyBean.autor); if (position == 0) { holder.tvStickyHeader.setVisibility(View.VISIBLE); holder.tvStickyHeader.setText(stickyBean.sticky); holder.itemView.setTag(FIRST_STICKY_VIEW); } else { if (!TextUtils.equals(stickyBean.sticky, datas.get(position - 1).sticky)) { holder.tvStickyHeader.setVisibility(View.VISIBLE); holder.tvStickyHeader.setText(stickyBean.sticky); holder.itemView.setTag(HAS_STICKY_VIEW); } else { holder.tvStickyHeader.setVisibility(View.GONE); holder.itemView.setTag(NONE_STICKY_VIEW); } } //通过此处设置ContentDescription,作为内容描述,可以通过getContentDescription取出,功效跟setTag差不多。 holder.itemView.setContentDescription(stickyBean.sticky); } @Override public int getItemCount() { return datas == null ? 0 : datas.size(); } public class RecyclerViewHolder extends RecyclerView.ViewHolder{ TextView tvStickyHeader; RelativeLayout rlContentWrapper; TextView tvName; TextView tvGender; RecyclerViewHolder(View itemView) { super(itemView); tvStickyHeader = (TextView) itemView.findViewById(R.id.tv_sticky_header_view); rlContentWrapper = (RelativeLayout) itemView.findViewById(R.id.rl_content_wrapper); tvName = (TextView) itemView.findViewById(R.id.name); tvGender = (TextView) itemView.findViewById(R.id.auto); } } }
StickyBean代码
public class StickyBean { public String name; public String autor; public String sticky; public StickyBean(String sticky, String name, String autor) { this.sticky = sticky; this.name = name; this.autor = autor; } }
app的build文件
apply plugin: 'com.android.application' android { compileSdkVersion 26 buildToolsVersion "25.0.3" defaultConfig { applicationId "com.lg.floating" minSdkVersion 15 targetSdkVersion 26 versionCode 1 versionName "1.0" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } } dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', { exclude group: 'com.android.support', module: 'support-annotations' }) compile 'com.android.support:appcompat-v7:26.0.0-alpha1' compile 'com.android.support:recyclerview-v7:23.1.0' testCompile 'junit:junit:4.12' }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
- log4net 中错误 System.Web.HttpException (0x80004005): 文件不存在
- Contact Manager Web API 示例[2] Web API Routing
- Python内置函数
- NET实现微信公共平台上传下载多媒体文件
- css3基础知识——回顾
- Contact Manager Web API 示例[3] 分页和查询(Paging and Querying)
- @font-face css3自定义个性化字体
- 你不知道的javaScript笔记(7)
- Contact Manager Web API 示例[4] 异常处理(Exception Handling)
- 你不知道的javaScript笔记(6)
- 创建支持多种屏幕尺寸的Android应用
- 封装多线程处理大量数据操作
- 你不知道的javaScript笔记(5)
- 无特性的 MEF 配置方法
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 掌握好这几个css属性,少写100行js代码
- 计算机基础知识总结与操作系统 PDF 下载
- Kafka工作流程及文件存储机制
- JS破解初探,折腾到头秃的美拍视频采集下载
- 去哪儿景点信息爬取并使用Django框架网页展示
- Kubernetes v1.15.3 升级到 v1.18.5 心得
- 结巴分词seo应用,Python jieba库基本用法及案例参考
- nali一个可以查询IP归属和CDN的命令
- 图片采集,python多线程采集头像图片源码附exe程序及资源包
- Python json数据爬取处理,红点官网大奖设计作品爬取
- 斗图狂魔必备沙雕表情包,python多线程爬取斗图啦表情图片
- 5个基本Linux命令行工具的现代化替代品
- Chrome 84 正式发布,支持私有方法、用户空闲检测!
- 类及数据库的应用,G-MARK网站数据Python爬虫系统的构建
- 获取素材图无忧,Pixabay图库网Python多线程采集下载