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'
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# RecyclerVIew  # 悬浮吸顶  # android中RecyclerView悬浮吸顶效果  # 第一个  # 可以通过  # 大家多多  # super  # savedInstanceState  # void  # onCreate  # Bundle  # setContentView  # findViewById  # setLayoutManager  # LinearLayoutManager  # activity_main  # initView  # initListener  # java  # public  # MainActivity  # layout_alignParentBottom  # ffffff 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  历史网站制作软件,华为如何找回被删除的网站？  JavaScript如何操作视频_媒体API怎么控制播放  EditPlus 正则表达式 实战(3)  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  如何彻底卸载建站之星软件？  如何在新浪SAE免费搭建个人博客？  如何获取上海专业网站定制建站电话？  Laravel如何自定义分页视图？（Pagination示例）  HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】  Android中Textview和图片同行显示(文字超出用省略号，图片自动靠右边)  为什么php本地部署后css不生效_静态资源加载失败修复技巧【技巧】  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  LinuxCD持续部署教程_自动发布与回滚机制  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  Laravel如何使用Passport实现OAuth2？（完整配置步骤）  微信小程序 canvas开发实例及注意事项  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  如何在IIS7上新建站点并设置安全权限？  ChatGPT怎么生成Excel公式_ChatGPT公式生成方法【指南】  html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  Laravel如何处理JSON字段的查询和更新_Laravel JSON列操作与查询技巧  香港服务器如何优化才能显著提升网站加载速度？  Laravel如何实现图片防盗链功能_Laravel中间件验证Referer来源请求【方案】  谷歌Google入口永久地址_Google搜索引擎官网首页永久入口  JavaScript实现Fly Bird小游戏  在Oracle关闭情况下如何修改spfile的参数  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  Laravel Vite是做什么的_Laravel前端资源打包工具Vite配置与使用  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  大连网站制作公司哪家好一点,大连买房网站哪个好？  iOS发送验证码倒计时应用  如何在万网开始建站？分步指南解析  Python文本处理实践_日志清洗解析【指导】  java获取注册ip实例  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  实例解析angularjs的filter过滤器  简历在线制作网站免费版,如何创建个人简历？  在centOS 7安装mysql 5.7的详细教程  PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】  如何用花生壳三步快速搭建专属网站？  Laravel如何部署到服务器_线上部署Laravel项目的完整流程与步骤  Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】  如何自定义safari浏览器工具栏？个性化设置safari浏览器界面教程【技巧】  高性价比服务器租赁——企业级配置与24小时运维服务  装修招标网站设计制作流程,装修招标流程？