Android圖片控件，跟隨列表(recyclerView)的上下滾動而同步平移。

一個用於放置在RecycleView中的圖片控件，其主要功能是跟隨列表的上下滾動而上下平移，使得呈現出一種圖像相對列表靜止的感受。

Overview

ScrollingImageView 提供如下特性：

在垂直方向上，使得該組件隨着列表滾動而上線愛平移，可選參數：scrollType（middle | whole）。
scrollType爲whole時, 從剛進入列表和徹底出列表是都在滾動

scrollType: middle時，僅當item完整展示在列列表中時才滾動

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)的上下滾動而同步平移。
源碼下載地址