Android图片控件,跟随列表(recyclerView)的上下滚动而同步平移。

发布时间:2019-06-18 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Android图片控件,跟随列表(recyclerView)的上下滚动而同步平移。脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

一个用于放置在RecycleView中的图片控件,其主要功能是跟随列表的上下滚动而上下平移,使得呈现出一种图像相对列表静止的感觉。

Overview

ScrollingImageView 提供以下特性:

在垂直方向上,使得该组件随着列表滚动而上线爱平移,可选参数:scrollTyPE(middle | whole)。
scrollType为whole时, 从刚进入列表和完全出列表是都在滚动

Android图片控件,跟随列表(recyclerView)的上下滚动而同步平移。

scrollType: middle时,仅当ITem完整展现在列列表中时才滚动

Android图片控件,跟随列表(recyclerView)的上下滚动而同步平移。

Demo 示例代码

Gradle integration

该库托管于jcenter仓库中,使用时只需要添加以下代码

dependencies {
  compile 'site.okhttp.codeyel:scrollingImageView:1.0.0'
}
Basic uasge

第一步:在列表的单个item中的对应布局中引入

ScrollingImageView,例如:(item.XMl)
<com.yel.image.ScrollingImageView
    andROId:id="@+id/img"
    android_layout_width="match_parent"
    android_layout_height="200dp"
    custom_scrollType="middle"
/>

第二步:在代码中添加监听器

常规代码:

final LinearLayoutManager layoutManager = new LinearLayoutManager(getApplicationContext());
recyclerView.setLayoutManager(layoutManager);

需要添加的代码:

recyclerView.addOnScrollListener(new ScrollingImageView.ScrollListener(layoutManager, R.id.img, index));

其中 {index} 表示item在列表中的索引值, {R.id.img} 对应android:id="@+id/img"

Advance uasge

开放自定义滚动的接口

PRinciple

重写setFrame方法:通过postTranslate方法垂直平移图片,从而显示图片中的不同位置
设置OnScrollListener监听器,监听列表的滚动位置,来计算获得恰当的平移参数,并将其传递给步骤①中的postTranslate方法。
如下图所示

原图:

Android图片控件,跟随列表(recyclerView)的上下滚动而同步平移。

当在该控件顶部和在中部时:

Android图片控件,跟随列表(recyclerView)的上下滚动而同步平移。

平移时的前后对比

Android图片控件,跟随列表(recyclerView)的上下滚动而同步平移。

码下载地址:Android图片控件,跟随列表(recyclerView)的上下滚动而同步平移。
源码下载地址

脚本宝典总结

以上是脚本宝典为你收集整理的Android图片控件,跟随列表(recyclerView)的上下滚动而同步平移。全部内容,希望文章能够帮你解决Android图片控件,跟随列表(recyclerView)的上下滚动而同步平移。所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。