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.ScrollingImageViewandroid: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 图片控件ImageView
前言: 这篇博客聊一聊在Android下ImageView的使用,在此篇博客中, 会讲解到ImageView的一些属性的使用,以及ImageView展示图片的放大.缩小.旋转等操作. 最后再讲解一下A ...
android 绘制正方形图片,是Android的自定义View-绘制流程-正方形图片控件（SquareImageView）...
前言了解View的绘制三大流程后,接下来就要对这些知识做一个实践,首先来实现一个在Android中最为常见的控件--方形图片控件,即让图片在一个方形区域内显示,最常见的场景是在九宫格图片当中. 一般 ...
【Android之SmartImageView图片控件】
源码地址是https://github.com/loopj/android-smart-image-view,没有sample,本文最后会提供一个sample. smartimageview提供的主要 ...
Gtk常用控件按钮图片控件进度条滑动窗口分栏列表
Gtk常用控件按钮(GtkButton) // 带图标按钮的创建 // image: 通过 gtk_image_new_from_file()来创建, 参数为图片的路径 void gtk_butto ...
android重要控件各种大全
Android中国开发精英目前包括: Android开源项目第一篇--个性化控件(View)篇包括ListView.ActionBar.Menu.ViewPager.Gallery. ...
Android 开源控件与常用开发框架开发工具类
Android的加载动画AVLoadingIndicatorView 项目地址: https://github.com/81813780/AVLoadingIndicatorView 首先,在 bui ...
Android开源控件收集整理
一 .基本控件 TextView HTextView 一款支持TextView文字动画效果的Android组件库.GitHub - hanks-zyh/HTextView: Animation eff ...
Android常用控件有哪些？如何使用？
Android常用控件介绍及使用控件 TextView 显示文字,相当于Panel ImageView 显示图片 EditText 输入框,可编辑,可设置软键盘方式 Button 按钮,可附带图片 ...
Android 画廊控件Gallary
Android 画廊控件Gallary.将图片显示成连续的带状. package com.gallerydemo;import java.lang.reflect.Field; import java ...

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

Android图片控件，跟随列表(recyclerView)的上下滚动而同步平移。相关推荐

最新文章

热门文章