RecyclerVIew实现悬浮吸顶效果

 更新时间:2017年09月05日 08:44:46   转载 作者:alwaysGoalong  
这篇文章主要为大家详细介绍了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'
}

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

您可能感兴趣的文章:

相关文章

  • Android 创建与解析XML(四)——详解Pull方式

    Android 创建与解析XML(四)——详解Pull方式

    本篇文章主要介绍了Android创建与解析XML(二)——详解Pull方式,这里整理了详细的代码,有需要的小伙伴可以参考下。
    2016-11-11
  • Android ActionBar完全解析使用官方推荐的最佳导航栏(上)

    Android ActionBar完全解析使用官方推荐的最佳导航栏(上)

    Action Bar是一种新増的导航栏功能,在Android 3.0之后加入到系统的API当中,它标识了用户当前操作界面的位置,并提供了额外的用户动作、界面导航等功能
    2017-04-04
  • Andorid自定义attr的各种坑

    Andorid自定义attr的各种坑

    开发过程中经常会自定义View来实现各种各样炫酷的效果,在实现这些效果的同时,我们往往会定义很多attr属性这篇文章主要介绍了Andorid自定义attr的各种坑,需要的朋友可以参考下
    2016-04-04
  • Android getReadableDatabase() 和 getWritableDatabase()分析对比

    Android getReadableDatabase() 和 getWritableDatabase()分析对

    这篇文章主要介绍了Android getReadableDatabase() 和 getWritableDatabase()分析对比的相关资料,需要的朋友可以参考下
    2017-06-06
  • Android中的JNI数组操作教程

    Android中的JNI数组操作教程

    这篇文章主要给大家介绍了关于Android中JNI数组操作的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-07-07
  • Android仿淘宝预订日历(18)

    Android仿淘宝预订日历(18)

    这篇文章主要为大家详细介绍了Android仿淘宝预订日历的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android开发实现的导出数据库到Excel表格功能【附源码下载】

    Android开发实现的导出数据库到Excel表格功能【附源码下载】

    这篇文章主要介绍了Android开发实现的导出数据库到Excel表格功能,涉及Android数据库及Excel表格相关操作技巧,并附带完整源码供读者下载参考,需要的朋友可以参考下
    2018-03-03
  • Android自带emoji表情的使用方法详解

    Android自带emoji表情的使用方法详解

    这篇文章主要为大家详细介绍了Android自带emoji表情的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Android自定义ActionBar实例

    Android自定义ActionBar实例

    这篇文章主要介绍了Android自定义ActionBar的实现方法,以实例形式较为详细的分析了自定义ActionBar的原理与具体步骤,并附带完整实例代码供大家下载查看,需要的朋友可以参考下
    2014-11-11
  • Android ScrollView取消惯性滚动的方法

    Android ScrollView取消惯性滚动的方法

    下面小编就为大家带来一篇Android ScrollView取消惯性滚动的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04

最新评论