作家
登录

Android仿知乎创意广告 广告还能这么玩?

作者: 来源: 2017-12-06 16:04:58 阅读 我要评论

开辟者大年夜赛路演 | 12月16日,技巧立异,北京不见不散


一、概述

貌似前段时光刷知乎看到的一种异常有特点的告白展示方法,即在列表页,某一个Item显示背后部分告白图,跟着列表滚动,会逐渐展示全部图片。

完全代码:

刚看到的时刻就镫实现一哈,一向比较懒,"大众,"号后台也有人问若何实现,今天来给大年夜家道解下,当然了,今朝一些自定义View已经不算难题,所以本文的讲解会做一些实现思路引导,信赖不会是那么逝世板的文┞仿,欲望对大年夜家有必定的赞助。

恩,如今知乎上已经找不到该效不雅了,试了多个汗青版本也没找到,那只能贴实现的效不雅图了~

效不雅图如下:

2选1,你爱好哪个效不雅图呢~~

二、思路

实如今列表中展示某张图片:

  • 往上滚动:在图片刚出现时展示顶清晨分,跟着滚动部分展示全部
  • 往下滚动:在图片刚出现时展示底清晨分,跟着滚动部分展示全部

换句话说,我们须要在列表滚动时,改变图片显示的部分。

结合一下,就是,监听列表的滚动dy,传给我们的图片控件,设置translate,然后绘制。

到这里,思路异常清楚,这个器械肯定能做了。

初步筹划:自定义一个View,本身去绘制bitmap,对外裸露setDy(dy),然后根据dy做canvas偏移重绘即可。

那么在绘制的时刻,就R单了,先translate dy距离,然后绘制即可。

有了初步筹划,根本不慌了,那么再想想?

可否应用已有的控件,比如ImageView呢?

肯定可以,如许省去了我们去声明一个接收图片的属性,我们编写一个子类,依然是经由过程设置src去应用。

仅仅是设置数据了,Adapter这里用了

那持续ImageView实现一波再说。

三、实现

起首我们先写个假的列表,鉴于RV用的越来越多,就用RecyclerView吧。

构造

主构造文件,一个RecyclerView即可:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <android.support.v7.widget.RecyclerView 
  3.     xmlns:android="http://schemas.android.com/apk/res/android" 
  4.     xmlns:app="http://schemas.android.com/apk/res-auto" 
  5.     android:id="@+id/id_recyclerview" 
  6.     android:layout_width="match_parent" 
  7.     android:layout_height="match_parent" 
  8.  /> 

item构造文件:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:layout_width="match_parent" 
  4.     android:layout_height="wrap_content" 
  5.     android:background="@drawable/item_bg" 
  6.     android:gravity="center"
  7.  
  8.     <com.imooc.rvimageads.AdImageViewVersion1 
  9.         android:id="@+id/id_iv_ad" 
  10.         android:layout_width="match_parent" 
  11.         android:layout_height="180dp" 
  12.         android:scaleType="matrix" 
  13.         android:src=http://mobile.51cto.com/
     1/7    1 2 3 4 5 6 下一页 尾页

      推荐阅读

      基于iOS 11机器学习垃圾短信过滤应用:熊猫吃短信

    开辟者大年夜赛路演 | 12月16日,技巧立异,北京不见不散 作为一个生活在移动互联网时代的技巧宅,饱受骚扰短信之苦,但没有一个简单的又不消上传本身短信的过滤应用。于是我大年夜本身收到>>>详细阅读


    本文标题:Android仿知乎创意广告 广告还能这么玩?

    地址:http://www.17bianji.com/lsqh/39523.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)