Android 知乎广告效果实现代码

 更新时间:2018年01月24日 15:58:48   作者:达峰a  
这篇文章主要介绍了Android 知乎广告效果实现代码,需要的朋友可以参考下

脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用

知乎的广告效果一直想写,无奈最近才有时间。

先看效果:

肯定要自定义view了,一个类似imageView的控件,还要给它一个值用来指定广告图片的显示位置。

问题:

1.图片如何在范围内(单个item范围)上下移动,如窗户一般,后面的图是可以动的,但是窗户是固定的。
2.图片移动的时机肯定和recycleView滚动监听item有关,用哪些方法?

解决:

1.窗户问题首先想到imageView的scaleType属性,而scaleType中只有matrix和center可以在不缩放图片的情况下显示一张大图中的部分,center始终显示在图片中间部分,不符合要求,matrix不指定显示位置。

2.recycleView Item的滚动监听,刚好前段时间在仿写微博视频自动播放时接触过,recycleView提供了一些譬如FindFirstVisibleItemPosition(当前屏幕第一个item的position),FindFirstCompletelyVisibleItemPosition(当前屏幕第一个完全显示item的position)等方法,可以利用这些方法,把当前的item找到,再利用instanceof关键字比较当前item是不是我的广告item,如果是再想办法让广告图片动起来。

步骤:

1.自定义一个广告imageView,把他变成窗户:

继承imageView,只需要重写他的2个方法,onSizeChanged和onDraw。
onSizeChanged用来得到控件高度
onDraw移动广告图片

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
int itemHeight = 0//自定义imageView高度
private float rate = 1; //初始化显示比率
 
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  super.onSizeChanged(w, h, oldw, oldh);
  itemHeight = h; //广告item的高度
}
 
@Override
protected void onDraw(Canvas canvas) {
  Drawable drawable = getDrawable();
  if (drawable == null) {
    return;
  }
  int w = getWidth();
  int h = (int) (getWidth() * 1.0f / drawable.getIntrinsicWidth() * drawable.getIntrinsicHeight());
  drawable.setBounds(0, 0, w, h);//设置图片显示的绝对范围
  int maxDy = h - itemHeight; //图片可以移动的最大距离为(图片有效移动距离):  (0 ~ -maxDy)
  canvas.save();
  canvas.translate(0, -rate * maxDy);
  super.onDraw(canvas);
  canvas.restore();
}
 
 
 
public void setDy(int itemDy, int rvheight) {
  int allHeight = rvheight - itemHeight; //有效滑动高度(广告有效移动距离)
  rate = itemDy * 1f / allHeight;
   
  if (rate <= 0) {
    rate = 0;
  }
  if (rate >= 1) {
    rate = 1;
  }
  invalidate();
}

setDy方法可以先不管。

onDraw中说几个点:

super.onDraw(canvas)代码中的位置

super.onDraw(canvas)是实现原本imageView逻辑的地方,涉及自定义view绘制先后问题;假如我用canvas画了一个圆,画圆代码写在super之前: 这个圆会先绘制出来,再走super,就会出现imageView把圆挡住的情况,画圆代码写在super之后:
先走super再画圆,圆就在imageView的上面。参考上面代码中的super位置,先把图片的位置通过 canvas.translate方法移动之后,再利用super原本逻辑绘制出图片,就实现图片在窗口中移动的效果了。 (此番解释只针对继承已有的imageview,textview等,如果是继承View,super位置就很随意了,因为super是个空实现)

drawable.setBounds(l,t,r,b)方法

这个方法给图片设定一个绝对位置范围~(或者说相对屏幕的显示范围)~,上面代码中的范围计算~(参数r,b)~其实就是 整个屏幕除开状态栏导航栏以外的范围~(recycleView的范围)~。 int w = getWidth()算出图片可以显示的最大宽度,再通过最大宽度 / 图片原本宽度 = 最大高度 / 图片原本高度 计算出最大高度 h。也就是int h = ....这一句。

通过onDraw方法,已经可以实现:一个imageView控件,动态的去移动它的内部图片。这个自定义的imageView就算是完成了。

2.获取recycleView监听以及位置计算

写监听之前想想如何把recycleView的item与自定义imageView联系起来,通过 canvas.translate(dx,dy)让图片动起来,必须要求出dy:
可以看看效果,只要广告的item有一点不在屏幕内,那么其中的图片是不会移动的,那么我们广告item有效移动距离就是整个recycleView的高度减去广告item的高度,如图绿色线:

而我们自定义imageView中图片有效移动距离是整个图片的高度减去窗口的高度,如图绿色线:(红色框就相当于自定义imageView窗口,整张图就是窗后可以translate的图片)

关系就出来了: 广告item位置 / 广告有效移动距离 = dy / 图片有效移动距离

重写RecyclerView.OnScrollListener中的onScrolled方法,我们要得到:广告item位置 和 广告有效移动距离

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
  super.onScrolled(recyclerView, dx, dy);
 
  int first = layoutManager.findFirstCompletelyVisibleItemPosition(); //第一个完全显示的item
  int last = layoutManager.findLastCompletelyVisibleItemPosition(); //最后一个完全显示的item
  int firstPosition = layoutManager.findFirstVisibleItemPosition(); //第一个显示的item
  int lastPosition = layoutManager.findLastVisibleItemPosition(); //最后一个显示的item
   
  //循环遍历当前屏幕中显示的所有item
  for (int i = firstPosition; i <= lastPosition; i++) {
    RecyclerView.ViewHolder viewHolder = recyclerView.findViewHolderForAdapterPosition(i);
    //找出屏幕中的广告item
    if (viewHolder instanceof TxRecycleAdapter.ZhiHuHolder) {
      TxRecycleAdapter.ZhiHuHolder zhiHuHolder = (TxRecycleAdapter.ZhiHuHolder) viewHolder;
      View itemView = zhiHuHolder.itemView;
      //获取到广告item的位置 (item的顶部 与 recycleView顶部的距离)
      int top = itemView.getTop();
      //获取recycleView的高度
      int height = recyclerView.getHeight();
      //调用自定义imageView中的方法,实现图片的移动
      zhiHuHolder.adImageView.setDy(top, height);
    }
  }
}

int top = itemView.getTop(); top = 广告item位置;
广告有效移动距离 = recycleView的高度 - 广告item的高度,这一点的实现放在了自定义imageView的setDy方法中。
注意方法中的for循环

for (int i = firstPosition; i <= lastPosition; i++) {}

rate等于1图片刚好显示在 顶部
rate等于0图片刚好显示在 底部
rate从0~1:
滑动慢 rate可能是这么变化的:0.05, 0.10,0.15,0.20 .....,0.80,0.85,0.90,0.95,1.0。
滑动快 rate可能是这么变化的:0.3,0.6,0.9。
压根就不会等于1或者等于0,那图片的translate位置肯定就不对了。

出现这个问题我试过很多方法,比如速度跟踪类(VelocityTracker)计算速度,当速度大了再根据滑动方向直接置顶或者置底,获取广告item可见性置顶或者置底.....等等。有些方法可能有点用,但是太麻烦了,最后直接在for循环中用firstPosition和lastPosition,这样,虽然会出现rate = - 0.2 这样的负值,但是你只要给个判断就可以了:

1
2
3
4
5
6
if (rate <= 0){
  rate = 0;
}
if (rate >= 1) {
  rate = 1;
 }

刚已经通过recycleView的监听得到了广告item位置 与 广告有效移动距离,而 图片有效移动距离呢,它在自定义imageView中的onDraw方法得到:

int maxDy = h - itemHeight;//图片可以移动的最大距离为(图片有效移动距离): (0 ~ -maxDy)

最后,调用canvas.translate(0, -rate * maxDy);方法就可以实现整个效果了。

蓄力AI

微信公众号搜索 “ 脚本之家 ” ,选择关注

程序猿的那些事、送书等活动等着你

原文链接:https://juejin.im/post/5a6546bb6fb9a01cac18480a

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!

相关文章

  • Android设备上非root的抓包实现方法(Tcpdump方法)

    Android设备上非root的抓包实现方法(Tcpdump方法)

    通常我们在Android应用中执行某个命令时会使用“Runtime.getRuntime().exec("命令路径")”这种方式,但是当我们执行抓包操作时,使用这条命令无论如何都不行,通过下面代码打印结果发现,该命令一定要在root权限下才能执行,具体实现思路,请参考本教程
    2016-11-11
  • Android 拍照后返回缩略图的两种方法介绍

    Android 拍照后返回缩略图的两种方法介绍

    大家好,本篇文章主要讲的是Android 拍照后返回缩略图的两种方法介绍,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下
    2022-01-01
  • Android使用socket创建简单TCP连接的方法

    Android使用socket创建简单TCP连接的方法

    这篇文章主要介绍了Android使用socket创建简单TCP连接的方法,结合实例形式详细分析了Android使用socket创建TCP连接的具体步骤与实现技巧,需要的朋友可以参考下
    2016-04-04
  • Android开发中匿名设备标识符OAID使用及初始化

    Android开发中匿名设备标识符OAID使用及初始化

    这篇文章主要为大家介绍了Android开发中匿名设备标识符OAID使用及初始化,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-04-04
  • Kotlin协程开发之Flow的融合与Channel容量及溢出策略介绍

    Kotlin协程开发之Flow的融合与Channel容量及溢出策略介绍

    这篇文章主要介绍了Kotlin协程:Flow的融合、Channel容量、溢出策略,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-09-09
  • 详解Android布局优化

    详解Android布局优化

    本篇文章给大家详细分析了Android布局优化的相关知识点以及注意事项,对此有需要的朋友可以参考学习下。
    2018-03-03
  • Android获取短信验证码的实现方法

    Android获取短信验证码的实现方法

    为了保护用户信息的安全性,开始使用通过服务器向用户发送验证码的方式,接下来通过本文给大家介绍android获取短信验证码的实现方法,非常不错,感兴趣的朋友一起看看吧
    2016-09-09
  • 关于android连续点击出现多个Activity界面的解决方法

    关于android连续点击出现多个Activity界面的解决方法

    这篇文章主要介绍了关于android连续点击出现多个Activity界面的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • Android数据持久化之Preferences机制详解

    Android数据持久化之Preferences机制详解

    这篇文章主要介绍了Android数据持久化之Preferences机制,较为详细的分析了Android数据持久化的概念、Preferences机制的原理与相关实现、使用技巧,需要的朋友可以参考下
    2017-05-05
  • Android内存泄漏检测工具LeakCanary

    Android内存泄漏检测工具LeakCanary

    在Android的性能优化中,内存优化是必不可少的点,而内存优化最重要的一点就是解决内存泄漏的问题,在Android的内存泄漏分析工具也不少,比如PC端的有:AndroidStudio自带的Android Profiler、MAT等工具;手机端也有,就是我们今天要介绍的LeakCanary
    2023-04-04

最新评论