自定义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:以上为个人研究他人代码所得出的总结。





 

posted @ 2017-03-05 14:57  conker  阅读(455)  评论(0编辑  收藏  举报