博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Android图片控件,跟随列表(recyclerView)的上下滚动而同步平移。
阅读量:6168 次
发布时间:2019-06-21

本文共 1012 字,大约阅读时间需要 3 分钟。

一个用于放置在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)

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

常规代码:

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)的上下滚动而同步平移。

转载地址:http://qknba.baihongyu.com/

你可能感兴趣的文章
Oracle12C本地用户的创建和登录
查看>>
使用JS制作一个鼠标可拖的DIV(一)——鼠标拖动
查看>>
HDU problem 5635 LCP Array【思维】
查看>>
leetcode10. 正则表达式匹配
查看>>
redis常用命令--zsets
查看>>
springcloud--Feign(WebService客户端)
查看>>
网络攻击
查看>>
sorting, two pointers(cf div.3 1113)
查看>>
Scala并发编程【消息机制】
查看>>
win10下安装Oracle 11g 32位客户端遇到INS-13001环境不满足最低要求
查看>>
AngularJS-01.AngularJS,Module,Controller,scope
查看>>
【MySQL 安装过程1】顺利安装MySQL完整过程
查看>>
Inno Setup入门(二十)——Inno Setup类参考(6)
查看>>
图片自适应
查看>>
amd cmd
查看>>
Linux下的uml画图工具
查看>>
xml返回数组数据
查看>>
约瑟夫问题总结
查看>>
spring mybatis 批量插入返回主键
查看>>
指针函数小用
查看>>