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 】

相关推荐： 昵图网官网入口 昵图网素材平台官方入口  如何在宝塔面板中创建新站点？  浅谈javascript alert和confirm的美化  中山网站制作网页,中山新生登记系统登记流程？  消息称 OpenAI 正研发的神秘硬件设备或为智能笔，富士康代工  Windows家庭版如何开启组策略(gpedit.msc)？（安装方法）  Laravel如何实现本地化和多语言支持？（i18n教程）  微信小程序 canvas开发实例及注意事项  Python进程池调度策略_任务分发说明【指导】  Laravel如何处理表单验证？（Requests代码示例）  Laravel如何配置和使用队列处理异步任务_Laravel队列驱动与任务分发实例  JavaScript模板引擎Template.js使用详解  如何用美橙互联一键搭建多站合一网站？  javascript基于原型链的继承及call和apply函数用法分析  Laravel怎么定时执行任务_Laravel任务调度器Schedule配置与Cron设置【教程】  iOS正则表达式验证手机号、邮箱、身份证号等  Edge浏览器提示“由你的组织管理”怎么解决_去除浏览器托管提示【修复】  使用PHP下载CSS文件中的所有图片【几行代码即可实现】  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  Laravel怎么调用外部API_Laravel Http Client客户端使用  如何在IIS管理器中快速创建并配置网站？  如何在七牛云存储上搭建网站并设置自定义域名？  ,南京靠谱的征婚网站？  Win11任务栏卡死怎么办 Windows11任务栏无反应解决方法【教程】  魔方云NAT建站如何实现端口转发？  Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  Laravel如何创建自定义Artisan命令？（代码示例）  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  jQuery中的100个技巧汇总  成都网站制作公司哪家好,四川省职工服务网是做什么用？  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  Laravel怎么在Blade中安全地输出原始HTML内容  Laravel如何处理跨站请求伪造（CSRF）保护_Laravel表单安全机制与令牌校验  如何自定义建站之星网站的导航菜单样式？  如何在宝塔面板中修改默认建站目录？  手机软键盘弹出时影响布局的解决方法  Laravel的HTTP客户端怎么用_Laravel HTTP Client发起API请求教程  详解jQuery停止动画——stop()方法的使用  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  html5的keygen标签为什么废弃_替代方案说明【解答】  如何彻底卸载建站之星软件？  深圳网站制作培训,深圳哪些招聘网站比较好？  百度浏览器如何管理插件 百度浏览器插件管理方法  非常酷的网站设计制作软件,酷培ai教育官方网站？  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  Laravel API资源类怎么用_Laravel API Resource数据转换  无锡营销型网站制作公司,无锡网选车牌流程？