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