Github项目
git@github.com:tjerkw/Android-SlideExpandableListView.git
最近项目中有一个列表展示的效果，ExpandableListView的样式，但是要求列表展开关闭的时候有滑动效果，貌似ExpandableListView实现起来比较麻烦，开始时参考了git@github.com:idunnololz/AnimatedExpandableListView.git这个项目，但是效果并不理想，于是使用了本文开篇的项目。下面对这个动画源码分析一下，加深理解。
1. 项目结构
类图如下：
image
结构很简单，一个自定义的ListView和一个自定义的ListAdapter，view部分绑定按钮的事件，adapter部分生成view，主要功能在AbstractSlideExpandableListAdapter类中实现。
sample截图：
image
点击More按钮的时候，内容部分会进行平移的折叠或者显示。
2. 动画实现部分
动画部分在ExpandCollapseAnimation中实现
protected void applyTransformation(float interpolatedTime, Transformation t) {
super.applyTransformation(interpolatedTime, t);
if (interpolatedTime < 1.0f) {
if(mType == EXPAND) {
mLayoutParams.bottomMargin = -mEndHeight + (int) (mEndHeight * interpolatedTime);
} else {
mLayoutParams.bottomMargin = - (int) (mEndHeight * interpolatedTime);
}
Log.d("ExpandCollapseAnimation", "anim height " + mLayoutParams.bottomMargin);
mAnimatedView.requestLayout();
} else {
if(mType == EXPAND) {
mLayoutParams.bottomMargin = 0;
mAnimatedView.requestLayout();
} else {
mLayoutParams.bottomMargin = -mEndHeight;
mAnimatedView.setVisibility(View.GONE);
mAnimatedView.requestLayout();
}
}
}
mEndHeight在构造时初始化，是滑动动画控件的高度。本质是通过不断变化目标view的bottomMargin属性来实现动画效果，若是collapse，动画完成后（interpolatedTime变为1时）将控件隐藏。
3. 动画的触发
动画通过点击More按钮触发，按钮的事件绑定在AbstractSlideExpandableListAdapter文件中，在getView时进行绑定。
关键代码
target.setAnimation(null);
int type = target.getVisibility() == View.VISIBLE ? ExpandCollapseAnimation.COLLAPSE : ExpandCollapseAnimation.EXPAND;
// remember the state
if (type == ExpandCollapseAnimation.EXPAND) {
openItems.set(position, true);
} else {
openItems.set(position, false);
}
// check if we need to collapse a different view
if (type == ExpandCollapseAnimation.EXPAND) {
if (lastOpenPosition != -1 && lastOpenPosition != position) {
if (lastOpen != null) {
animateView(lastOpen, ExpandCollapseAnimation.COLLAPSE);
notifiyExpandCollapseListener(ExpandCollapseAnimation.COLLAPSE, lastOpen, lastOpenPosition);
}
openItems.set(lastOpenPosition, false);
}
lastOpen = target;
lastOpenPosition = position;
} else if (lastOpenPosition == position) {
lastOpenPosition = -1;
}
animateView(target, type);
notifiyExpandCollapseListener(type, target, position);
-
View lastOpen用来记录上次打开的view对象。 -
int lastOpenPosition记录上次打开的view的position。 -
BitSet openItems用来记录当前打开的view的position。 -
animateView(View targt, int type)在target上根据type执行动画，打开或关闭。
打开时首先检查是否有其他的项目已经打开，如果有则先关闭已经打开的。然后在当前view上执行动画。
