自定义View - 仿即刻轮播

前段时间使用了即刻App，被里面的风格所吸引，尤其是顶部的图片滚动，感觉挺有意思的，于是乎上网搜索了下，发现有人仿着做了一个，于是乎github上下载来看了看。记录下研究的过程。

  这是效果图

 

 首先梳理下思路，首先这是一个自定义的控件，在加载的时候先从网络中加载两张图片作为轮播用，接着在点击刷新按钮的时候触发事件改变两张图片的margintop值.并且改变覆盖在第一张图片之上的view透明度。

 

下面看下主要的执行过程

加载时

点击刷新按钮以后：

 

 先了解下需要掌握的知识：

1、

requestLayout()：

requestLayout：当layoutparm是发生变化的时候，该view本身调用这个方法要求parent view重新调用他的onMeasure onLayout来对重新设置自己位置。

measure：测量控件的大小

onLayout：根据测量的大小摆放控件

 

实现步骤：

1、定义一个继承viewgroup的抽象类

SmoothViewGroup :{ 
实现一个startSmooth 方法 用来执行点击刷新后的动作，该方法中实例一个ValueAnimator对象，参数图片的高度和0;并设置addUpdateListener，在高度变化的过程中不断的执行doAnim

抽象doAnimFinish 和doAnim方法用于变化透明度和动画结束后的图片加载

}

2、在Gallery类中继承SmoothViewGroup 并实现doAnimFinish和doAnim方法，其中

doAnim方法执行改变隐藏view的透明度和requestLayout();方法重新绘制，接着实现

onLayout方法，该方法中主要改变第一张图片的和第二张图片的marginTop 和marginBottom的值（这里的marginBottom是相对于于父view的Bottom位置）。

doAnimFinish中加载两张图片并改变遮盖view的透明度.

）

ps：以上为个人研究他人代码所得出的总结。

 

转载于:https://www.cnblogs.com/Conker/p/6497559.html