专栏首页逮虾户View的有效曝光监控(下)|ScrollView NestScrollView篇

View的有效曝光监控(下)|ScrollView NestScrollView篇

各位大佬,能不能随便给我的项目或者之前的文章点个star,苦兮兮。github.com/ 掘金文章

面试官:老哥那么我们继续探讨下这个问题啊。Scrollview和NestScrollView怎么监控呢。

我:???黑人老哥又特么来了。

分析问题

还是和上篇文章一样,我们先看下要解决哪些问题。

  1. ScrollView NestScrollView 的滑动监控怎么做。
  2. View有没有像RecyclerView一样的attach和detch方法,超过1.5s的曝光时间。
  3. View出现一半。

滑动监控

一般人肯定告诉你,这个你自定义个scrollview,然后在onScrollChanged实现个滑动监听的回调什么的。不好意思,我偏不,带你看看另外一个神奇的方法。

先给大家介绍下ViewTreeObserver里面所包含的一些接口。

内部类接口

备注

ViewTreeObserver.OnPreDrawListener

当视图树将要被绘制时,会调用的接口

ViewTreeObserver.OnGlobalLayoutListener

当视图树的布局发生改变或者View在视图树的可见状态发生改变时会调用的接口

ViewTreeObserver.OnGlobalFocusChangeListener

当一个视图树的焦点状态改变时,会调用的接口

ViewTreeObserver.OnScrollChangedListener

当视图树的一些组件发生滚动时会调用的接口

ViewTreeObserver.OnTouchModeChangeListener

当视图树的触摸模式发生改变时,会调用的接口格

各位老哥有没有发现一些奇怪的东西混在里面,哈哈哈。

惯例分析下源码

理论上来说,所有视图状态之类的都是和ViewRootImp相关的。特别是ViewTreeObserver相关的,所以我们的源码分析也是从ViewRootImp开始的。

class ViewRootImp {
    // 根视图绘制
    private boolean draw(boolean fullRedrawNeeded) {
        Surface surface = mSurface;
        if (!surface.isValid()) {
            return false;
        }

        if (DEBUG_FPS) {
            trackFPS();
        }

        if (!sFirstDrawComplete) {
            synchronized (sFirstDrawHandlers) {
                sFirstDrawComplete = true;
                final int count = sFirstDrawHandlers.size();
                for (int i = 0; i< count; i++) {
                    mHandler.post(sFirstDrawHandlers.get(i));
                }
            }
        }

        scrollToRectOrFocus(null, false);

        if (mAttachInfo.mViewScrollChanged) {
            mAttachInfo.mViewScrollChanged = false;
            // 调用viewtree的滑动监听
            mAttachInfo.mTreeObserver.dispatchOnScrollChanged();
        }
        .....
        return useAsyncReport;
    }

}
复制代码

上面的代码可以看出,当mAttachInfo.mViewScrollChanged这个状态位被设置成true的情况下,就会通知viewTree调用滑动监听了。 那么我们的切入点就很简单了,什么时候谁把这个值设置成ture了,是不是就会触发滑动监听了呢。

class View {
     final static class AttachInfo {
         /**
         * Set to true if a view has been scrolled.
         */
        @UnsupportedAppUsage
        boolean mViewScrollChanged;
     }
     /**
     * This is called in response to an internal scroll in this view (i.e., the
     * view scrolled its own contents). This is typically as a result of
     * {@link #scrollBy(int, int)} or {@link #scrollTo(int, int)} having been
     * called.
     *
     * @param l Current horizontal scroll origin.
     * @param t Current vertical scroll origin.
     * @param oldl Previous horizontal scroll origin.
     * @param oldt Previous vertical scroll origin.
     */
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        notifySubtreeAccessibilityStateChangedIfNeeded();

        if (AccessibilityManager.getInstance(mContext).isEnabled()) {
            postSendViewScrolledAccessibilityEventCallback(l - oldl, t - oldt);
        }

        mBackgroundSizeChanged = true;
        mDefaultFocusHighlightSizeChanged = true;
        if (mForegroundInfo != null) {
            mForegroundInfo.mBoundsChanged = true;
        }

        final AttachInfo ai = mAttachInfo;
        if (ai != null) {
            ai.mViewScrollChanged = true;
        }

        if (mListenerInfo != null && mListenerInfo.mOnScrollChangeListener != null) {
            mListenerInfo.mOnScrollChangeListener.onScrollChange(this, l, t, oldl, oldt);
        }
    }
 }
复制代码

View.AttachInfo是View的内部类,其注释已经描述了,当view滑动的时候把这个值设置成true。onScrollChanged也是View的protected的方法,而当ScrollView和NestScrollView的滑动状态被改变的时候就会调用这个方法,而这个方法内则就会把状态设置成true。

测试结果

经过在下的测试吧,OnScrollChangedListener在ScrollView和NestScrollView滑动的时候都会触发回调哦。而上述代码分析,则可以说明当两个滑动组件滑动的时候就会触发对应的回调监听。

View 出现一半

这个监控方法还是和上篇文章一样,请各位大佬直接看上篇文章就好了。

1.5s的曝光时长

先回到之前的文章提到onAttachedToWindow onDetachedFromWindow的两个方法,这两个可以用吗?答案肯定是不行的。那么我们应该怎么办呢??

没有枪没有炮,还是自己造吧。

interface ExposeViewAdapter {
    fun setExposeListener(listener: (Float) -> Unit)

    fun setExposeListener(listener: OnExposeListener)

    fun onVisibleChange(isCover: Boolean)
}
复制代码

首先我们可以先提供一个适配器,提供onVisibleChange这个方法来代替onAttachedToWindow onDetachedFromWindow

class ExposeScrollChangeListener(scrollView: ViewGroup) :
    ViewTreeObserver.OnScrollChangedListener, ViewTreeObserver.OnGlobalLayoutListener {

    private val rootView: ViewGroup? = scrollView.getChildAt(0) as ViewGroup?
    private val views = hashSetOf()
    private var lastChildCount = 0

    init {

    }

    override fun onScrollChanged() {
        views.forEach {
            val exposeView = it as ExposeViewAdapter
            exposeView.onVisibleChange(it.visibleRect())
        }
    }

    private fun checkViewSize() {
        rootView?.apply {
            lastChildCount = childCount
            getChildExpose(rootView)
        }
    }

    private fun getChildExpose(view: View?) {
        view?.let {
            if (it is ExposeViewAdapter) {
                views.add(it)
            }
            if (view is ViewGroup) {
                //遍历ViewGroup,是子view加1,是ViewGroup递归调用
                for (i in 0 until view.childCount) {
                    val child = view.getChildAt(i)
                    if (child is ExposeViewAdapter) {
                        views.add(child)
                    }
                    if (child is ViewGroup) {
                        getChildExpose(child)
                    }
                }
            }
        }
    }

    override fun onGlobalLayout() {
        val timeUsage = System.currentTimeMillis()
        checkViewSize()
        Log.i("expose", "timeCoast:${System.currentTimeMillis() - timeUsage}")
    }

}
复制代码

首先我们需要监控onGlobalLayout这个方法,在这个方法触发的情况下,去扫描当前的ViewTree,去获取实现了ExposeViewAdapter的所有的View。当滑动监听触发的时候调用之前的view是否被遮挡的方法来判断当前的view是不是在视图上出现了,然后调用onVisibleChange来通知视图是否已经从window上移除。

最后

面试官:哎哟不错哟。

我:谦虚有理的小菜逼。

面试官:这种方式感觉还是不够智能,如果让你用动态插桩呢。

我:打扰了,二营长,把我的意大利炮抬过来。

面试官:回家继续等通知把。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • View的有效曝光监控(上)|RecyclerView 篇

    我:之前我是把我们广告的曝光监控放在广告的模型层,然后在bindview的时候做一次曝光的,然后内部做了一次曝光防抖动,避免多次曝光。

    逮虾户
  • 再也不用担心面试官问RecycleView了

    关于RecyclerView,之前我写过一篇比较基础的文章,主要说的是缓存和优化等问题。但是有读者反映问题不够实际和深入。于是,我又去淘了一些关于Recycle...

    码上积木
  • 埋点统计~~从UITableView数据曝光说起

    金融产品中为了配合好运营 做好产品的营销和推广,往往在产品中加入一些埋点统计。这些统计常见的有产品曝光率 数据的转化率 用户的行为操作,市面上有很多平台做这些数...

    大话swift
  • 关于Android PullTorefreshScrollview回到顶部实例

    列表滑动下面显示按钮,点击按钮回到顶部的功能,一般scrollview会有滑动监听的事件,通过setOnScrollChangeListener()滑动监听滑动...

    xiangzhihong
  • 模拟京东商城实现导航条隐藏功能

    小蠢驴打代码
  • android ScrollView实现下拉放大头部图片

    之前做项目的时候,需要实现类似微博个人主页的ScrollView效果,就是到顶部时继续下拉会放大顶部的图片。然后在网上找了一篇相关的实现,效果非常好,代码也很简...

    砸漏
  • Android富文本开发

    杨充
  • Android--仿淘宝商品详情(继续拖动查看详情)及标题栏渐变

    版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/52...

    Hankkin
  • 曝光埋点方案:recyclerView中的item曝光逻辑实现

    首先,客户端要考虑的就是只管调用api上报:上报item可见、上报item不可见。至于是否是有效曝光,就是公共埋点SDK(中台提供)去计算了。

    胡飞洋
  • android仿知乎ScrollView滚动改变标题栏透明度

    刷知乎的时候看到,专题栏里面 往下滚动标题栏会由透明逐渐变蓝色,觉得这个效果不错,就想自己写一下

    砸漏
  • 仿人人网侧边栏滑动效果

    提莫队长
  • MJRefresh 源码阅读

    用户2215591
  • Android带你解析ScrollView--仿QQ空间标题栏渐变

    版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/52...

    Hankkin
  • Android--仿淘宝商品详情(继续拖动查看详情)及标题栏渐变

    版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/80...

    Hankkin
  • 让你的布局滚动起来—ScrollView

    通过两天的”实战“,今天我们稍微放松一下脚步,让大家喘口气歇一会儿,我们今天为大家带来的控件,解决了太多在项目中遇到的适配问题,如果你已经碰到了这种问题,就紧跟...

    下码看花
  • UIScrollView

    用户1941540
  • AppBarLayout学习

    AppBarLayout是一个垂直的LinearLayout,实现了很多和协调布局一起合作的滚动属性。其子View可以通过setScrollFlags()或在x...

    用户1108631
  • 六天完成一个简单iOS App - 第四天

    xx_Cc
  • 仿大众点评悬浮购买框效果

    我之前写了一篇关于美团网,大众点评的购买框效果的文章Android对ScrollView滚动监听,实现美团、大众点评的购买悬浮效果,我自己感觉效果并不是很好,如...

    xiangzhihong

扫码关注云+社区

领取腾讯云代金券