静态代理模式——让SnapHelper支持RecylerView滚动位置监听(kotlin)

本文介绍通过静态代理模式让SnapHelper的使用者能方便的监听SnapView的位置Snap Position

一、SnapHelper

SnapHelper实现RecyclerView的滑动对齐

二、实现Snap Position的监听

如果要实现类似于PickerView的获取当前SnapView位置或者ViewPager onPageSelected(position)

androidx.viewpager2.widget.ViewPager2 基于RecyclerView重新实现了ViewPager功能。
通过适配器模式ScrollEventAdapter改造RecyclerView.OnScrollListener

SnapHelper帮助RecyclerView实现了对齐的功能。

  • int findTargetSnapPosition(RecyclerView.LayoutManager layoutManager, int velocityX, int velocityY) 抛动作开始
  • int[] calculateDistanceToFinalSnap(@NonNull RecyclerView.LayoutManager layoutManager, @NonNull View targetView) 最后对齐需要调整的位置

SnapHelper类中没有暴露任何接口用于监听事件,如果要实现接口回调只能继承子类来实现。
OnSnapListener需要实现的回调接口

interface OnSnapListener {
    fun onSnapFromFling(position: Int)
    fun onFinalSnap(view: View, position: Int)
}

onSnapFromFling(position) 表示抛动作开始,将要对齐到位置position, 只有在触发抛动作时才会回调。
onFinalSnap(view, position)表示最后对齐需要调整的位置position

position不一定是SnapView能到达的位置(如一屏能显示3项时,居中对齐后Snap Position最小为1)

SnapHelperProxy 对 SnapHelper关键接口实现静态代理

class SnapHelperProxy(private var snapHelper: SnapHelper) : SnapHelper() {

    var onSnapListener: OnSnapListener? = null
    private var mRecyclerView: RecyclerView? = null

    override fun attachToRecyclerView(recyclerView: RecyclerView?) {
        super.attachToRecyclerView(recyclerView)
        mRecyclerView = recyclerView
        val gravityScrollerField = SnapHelper::class.java.getDeclaredField("mGravityScroller")
        gravityScrollerField.isAccessible = true
        gravityScrollerField.set(snapHelper, gravityScrollerField.get(this))

        val field = SnapHelper::class.java.getDeclaredField("mRecyclerView")
        field.isAccessible = true
        field.set(snapHelper, recyclerView)
    }

    override fun calculateDistanceToFinalSnap(
        layoutManager: LayoutManager,
        targetView: View
    ): IntArray? {
        val result = snapHelper.calculateDistanceToFinalSnap(layoutManager, targetView)
        onSnapListener?.onFinalSnap(targetView, layoutManager.getPosition(targetView))
        return result
    }

    override fun findSnapView(layoutManager: LayoutManager?): View? {
        return snapHelper.findSnapView(layoutManager)
    }

    override fun findTargetSnapPosition(
        layoutManager: LayoutManager?, velocityX: Int,
        velocityY: Int
    ): Int {
        val position = snapHelper.findTargetSnapPosition(layoutManager, velocityX, velocityY)
        if (position >= 0) {
            onSnapListener?.onSnapFromFling(position)
        }
        return position
    }

    fun getSnapPosition(): Int {
        return mRecyclerView?.layoutManager?.run {
            val view = snapHelper.findSnapView(this) ?: return  0
            this.getPosition(view)
        } ?: 0
    }

}

attachToRecyclerView 入口方法,为了让被代理对象snapHelper能正常工作,通过反射给snapHelpermGravityScrollermRecyclerView字段进行赋值。
findTargetSnapPosition 抛动作的开始,回调onSnapListener?.onSnapFromFling(position)
calculateDistanceToFinalSnap滚动结束,回调onSnapListener?.onFinalSnap(targetView, layoutManager.getPosition(targetView))
getSnapPosition 获取Snap Position,如果RecyclerView还处于滚动状态,获取到位置不是最终的位置。

三、PickerView实现

TestAdapter 实现简单Text实现,宽度设置150

class TestAdapter(val context: Context, val data: MutableList<String>) : RecyclerView.Adapter<RecyclerView.ViewHolder>() {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        val textView = TextView(context)
        textView.width = 150
        textView.height = 200
        textView.gravity = Gravity.CENTER_HORIZONTAL
        return ViewHolder(textView)
    }

    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
        (holder.itemView as TextView).text = data[position]
    }

    override fun getItemCount(): Int = data.size

    class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView)

}

activity_pickerview.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <TextView
        android:id="@+id/snapResult"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_gravity="center_horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

PickerViewActivity 实现水平滚动的PickerView, 支持居中对齐,并回调选中位置。

class PickerViewActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_pickerview)
        val adapter = TestAdapter(this, (0..59).map {
            "$it"
        } as MutableList<String>)
        recyclerView.layoutManager = LinearLayoutManager(this, RecyclerView.HORIZONTAL, false)
        recyclerView.adapter = adapter
        //位置对齐和位置监听
        val snapHelperProxy = SnapHelperProxy(LinearSnapHelper())
        snapHelperProxy.attachToRecyclerView(recyclerView)
        snapHelperProxy.onSnapListener = object : OnSnapListener {
            override fun onStartSnap(position: Int) {
                snapResult.text = "onStartSnap:" + position
            }

            override fun onFinalSnap(view: View, position: Int) {
                Log.i("TAG", "onFinalSnap:" + position + "," + snapHelperProxy.getSnapPosition())
                snapResult.text =
                    "onFinalSnap:" + position + "," + snapHelperProxy.getSnapPosition()
            }
        }
    }
}

SnapHelperProxy(LinearSnapHelper()) 通过对LinearSnapHelper的代理来实现多页对齐和位置监听。

SnapHelperProxy.gif

通过对SnapHelper的改造就可以实现了类似PickerView的功能了,而且每个ItemView都可以根据Adapter进行自定义,可以是图片也可以是复杂的View,可以充分使用RecyclerView的扩展功能,如复用、动画、装饰器等

三、总结

熟悉SnapHelper代码实现后需要添加回调逻辑,很直接的办法就是继承类后重写相应的方法,然后实现相应的功能。
LinearSnapHelperExtend 实现LinearSnapHelper的扩展,代码如下:

class LinearSnapHelperExtend : LinearSnapHelper() {

    var onSnapListener: OnSnapListener? = null

    override fun calculateDistanceToFinalSnap(
        layoutManager: RecyclerView.LayoutManager,
        targetView: View
    ): IntArray? {
        val result = super.calculateDistanceToFinalSnap(layoutManager, targetView)
        onSnapListener?.onFinalSnap(targetView, layoutManager.getPosition(targetView))
        return result
    }

    override fun findTargetSnapPosition(
        layoutManager: RecyclerView.LayoutManager?, velocityX: Int,
        velocityY: Int
    ): Int {
        val position = super.findTargetSnapPosition(layoutManager, velocityX, velocityY)
        if (position >= 0) {
            onSnapListener?.onSnapFromFling(position)
        }
        return position
    }

}
class PickerViewActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_pickerview)
        val adapter = TestAdapter(this, (0..59).map {
            "$it"
        } as MutableList<String>)
        recyclerView.layoutManager = LinearLayoutManager(this, RecyclerView.HORIZONTAL, false)
        recyclerView.adapter = adapter
        //位置对齐和位置监听
        val snapHelperProxy = LinearSnapHelperExtend()
        snapHelperProxy.attachToRecyclerView(recyclerView)
        snapHelperProxy.onSnapListener = object : OnSnapListener {
            override fun onSnapFromFling(position: Int) {
                snapResult.text = "onStartSnap:" + position
            }

            override fun onFinalSnap(view: View, position: Int) {
                snapResult.text = "onFinalSnap:" + position
            }
        }
    }
}

代码跟适用静态代理实现无实质差别。使用上的差别也不大

  • 代理模式val snapHelperProxy = SnapHelperProxy(LinearSnapHelper())
  • val snapHelperProxy = LinearSnapHelperExtend()

但是 LinearSnapHelperExtend的实现是对具体的编程,不具备扩展性。如果需要对PagerSnapHelper添加Snap Position 监听就要再实现 PagerSnapHelperExtend来支持,会造成类膨胀难以维护。

获得更好的扩展性,对抽象类SnapHelper进行改造
1. 条件
  • 无法修改原类的代码
  • 不想在每个具体子类进行额外的编码
2. 代理模式

使用代理模式 来对类中每个方法添加额外的逻辑。Java动态代理中 Proxy.newProxyInstance() 只能代理接口类,而SnapHelper是抽象类,无法使用该工具代理对应的方法,引用AOP的动态代理库只会增加项目的复杂度。所以本文采用的是静态代理方式来实现,通过代理SnapHelper关键的方法来实现OnSnapListener,从而达到对所有SnapHelper的子类也适用。

静态代理也增加了SnapHelperProxy类的维护难度,这里使用反射如果字段名改了就会影响到功能的正常。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,236评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,867评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,715评论 0 340
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,899评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,895评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,733评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,085评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,722评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,025评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,696评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,816评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,447评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,057评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,254评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,204评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,561评论 2 343

推荐阅读更多精彩内容