ExpandableListView展开收缩加动画效果

ExpandableListView本身不支持动画效果，唯有使用其他方式实现。

下面这个类是加了动画的Adapter

AnimatedExpandableListView :

package com.**.ibank.menu.adapter;

import java.util.ArrayList;

import java.util.List;

import android.annotation.SuppressLint;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.drawable.Drawable;

import android.os.Build;

import android.util.AttributeSet;

import android.util.SparseArray;

import android.view.View;

import android.view.ViewGroup;

import android.view.animation.Animation;

import android.view.animation.Animation.AnimationListener;

import android.view.animation.Transformation;

import android.widget.AbsListView;

import android.widget.BaseExpandableListAdapter;

import android.widget.ExpandableListAdapter;

import android.widget.ExpandableListView;

public class AnimatedExpandableListView extends ExpandableListView {

@SuppressWarnings("unused")

private static final String TAG = AnimatedExpandableListAdapter.class.getSimpleName();

private static final int ANIMATION_DURATION =100;

private AnimatedExpandableListAdapter adapter;

public AnimatedExpandableListView(Context context) {

super(context);

}

public AnimatedExpandableListView(Context context, AttributeSet attrs) {

super(context, attrs);

}

public AnimatedExpandableListView(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

}

public void setAdapter(ExpandableListAdapter adapter) {

super.setAdapter(adapter);

if(adapter instanceof AnimatedExpandableListAdapter) {

this.adapter = (AnimatedExpandableListAdapter) adapter;

this.adapter.setParent(this);

} else {

throw new ClassCastException(adapter.toString() + " must implement AnimatedExpandableListAdapter");

}

}

/**

* Expands the given group with an animation.

* @param groupPos The position of the group to expand

* @return Returns true if the group was expanded. False if the group was

* already expanded.

*/

@SuppressLint("NewApi")

public boolean expandGroupWithAnimation(int groupPos) {

boolean lastGroup = groupPos == adapter.getGroupCount() - 1;

if (lastGroup && Build.VERSION.SDK_INT >= Build.VERSION_CODES.ICE_CREAM_SANDWICH) {

return expandGroup(groupPos, true);

}

int groupFlatPos = getFlatListPosition(getPackedPositionForGroup(groupPos));

if (groupFlatPos != -1) {

int childIndex = groupFlatPos - getFirstVisiblePosition();

if (childIndex < getChildCount()) {

View v = getChildAt(childIndex);

if (v.getBottom() >= getBottom()) {

adapter.notifyGroupExpanded(groupPos);

return expandGroup(groupPos);

}

}

}

// Let the adapter know that we are starting the animation...

adapter.startExpandAnimation(groupPos, 0);

// Finally call expandGroup (note that expandGroup will call

// notifyDataSetChanged so we don't need to)

return expandGroup(groupPos);

}

public boolean collapseGroupWithAnimation(int groupPos) {

int groupFlatPos = getFlatListPosition(getPackedPositionForGroup(groupPos));

if (groupFlatPos != -1) {

int childIndex = groupFlatPos - getFirstVisiblePosition();

if (childIndex >= 0 && childIndex < getChildCount()) {

View v = getChildAt(childIndex);

if (v.getBottom() >= getBottom()) {

return collapseGroup(groupPos);

}

} else {

return collapseGroup(groupPos);

}

}

// Get the position of the firstChild visible from the top of the screen

long packedPos = getExpandableListPosition(getFirstVisiblePosition());

int firstChildPos = getPackedPositionChild(packedPos);

int firstGroupPos = getPackedPositionGroup(packedPos);

firstChildPos = firstChildPos == -1 || firstGroupPos != groupPos ? 0 : firstChildPos;

adapter.startCollapseAnimation(groupPos, firstChildPos);

// Force the listview to refresh it's views

adapter.notifyDataSetChanged();

return isGroupExpanded(groupPos);

}

private int getAnimationDuration() {

return ANIMATION_DURATION;

}

/**

* Used for holding information regarding the group.

*/

public static class GroupInfo {

public boolean animating = false;

public boolean expanding = false;

public int firstChildPosition;

public int dummyHeight = -1;

}

public static abstract class AnimatedExpandableListAdapter extends BaseExpandableListAdapter {

private SparseArray<GroupInfo> groupInfo = new SparseArray<GroupInfo>();

private AnimatedExpandableListView parent;

private static final int STATE_IDLE = 0;

private static final int STATE_EXPANDING = 1;

private static final int STATE_COLLAPSING = 2;

private void setParent(AnimatedExpandableListView parent) {

this.parent = parent;

}

public int getRealChildType(int groupPosition, int childPosition) {

return 0;

}

public int getRealChildTypeCount() {

return 1;

}

public abstract View getRealChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent);

public abstract int getRealChildrenCount(int groupPosition);

private GroupInfo getGroupInfo(int groupPosition) {

GroupInfo info = groupInfo.get(groupPosition);

if (info == null) {

info = new GroupInfo();

groupInfo.put(groupPosition, info);

}

return info;

}

public void notifyGroupExpanded(int groupPosition) {

GroupInfo info = getGroupInfo(groupPosition);

info.dummyHeight = -1;

}

private void startExpandAnimation(int groupPosition, int firstChildPosition) {

GroupInfo info = getGroupInfo(groupPosition);

info.animating = true;

info.firstChildPosition = firstChildPosition;

info.expanding = true;

}

private void startCollapseAnimation(int groupPosition, int firstChildPosition) {

GroupInfo info = getGroupInfo(groupPosition);

info.animating = true;

info.firstChildPosition = firstChildPosition;

info.expanding = false;

}

private void stopAnimation(int groupPosition) {

GroupInfo info = getGroupInfo(groupPosition);

info.animating = false;

}

/**

* Override {@link #getRealChildType(int, int)} instead.

*/

@Override

public final int getChildType(int groupPosition, int childPosition) {

GroupInfo info = getGroupInfo(groupPosition);

if (info.animating) {

return 0;

} else {

return getRealChildType(groupPosition, childPosition) + 1;

}

}

/**

* Override {@link #getRealChildTypeCount()} instead.

*/

@Override

public final int getChildTypeCount() {

// Return 1 more than the childTypeCount to account for DummyView

return getRealChildTypeCount() + 1;

}

protected ViewGroup.LayoutParams generateDefaultLayoutParams() {

return new AbsListView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,

ViewGroup.LayoutParams.WRAP_CONTENT, 0);

}

/**

* Override {@link #getChildView(int, int, boolean, View, ViewGroup)} instead.

*/

@Override

public final View getChildView(final int groupPosition, int childPosition, boolean isLastChild, View convertView, final ViewGroup parent) {

final GroupInfo info = getGroupInfo(groupPosition);

if (info.animating) {

// If this group is animating, return the a DummyView...

if (convertView instanceof DummyView == false) {

convertView = new DummyView(parent.getContext());

convertView.setLayoutParams(new AbsListView.LayoutParams(LayoutParams.MATCH_PARENT, 0));

}

if (childPosition < info.firstChildPosition) {

convertView.getLayoutParams().height = 0;

return convertView;

}

final ExpandableListView listView = (ExpandableListView) parent;

final DummyView dummyView = (DummyView) convertView;

// Clear the views that the dummy view draws.

dummyView.clearViews();

// Set the style of the divider

dummyView.setDivider(listView.getDivider(), parent.getMeasuredWidth(), listView.getDividerHeight());

// Make measure specs to measure child views

final int measureSpecW = MeasureSpec.makeMeasureSpec(parent.getWidth(), MeasureSpec.EXACTLY);

final int measureSpecH = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);

int totalHeight = 0;

int clipHeight = parent.getHeight();

final int len = getRealChildrenCount(groupPosition);

for (int i = info.firstChildPosition; i < len; i++) {

View childView = getRealChildView(groupPosition, i, (i == len - 1), null, parent);

LayoutParams p = (LayoutParams) childView.getLayoutParams();

if (p == null) {

p = (AbsListView.LayoutParams) generateDefaultLayoutParams();

childView.setLayoutParams(p);

}

int lpHeight = p.height;

int childHeightSpec;

if (lpHeight > 0) {

childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight, MeasureSpec.EXACTLY);

} else {

childHeightSpec = measureSpecH;

}

childView.measure(measureSpecW, childHeightSpec);

totalHeight += childView.getMeasuredHeight();

if (totalHeight < clipHeight) {

// we only need to draw enough views to fool the user...

dummyView.addFakeView(childView);

} else {

dummyView.addFakeView(childView);

// if this group has too many views, we don't want to

// calculate the height of everything... just do a light

// approximation and break

int averageHeight = totalHeight / (i + 1);

totalHeight += (len - i - 1) * averageHeight;

break;

}

}

Object o;

int state = (o = dummyView.getTag()) == null ? STATE_IDLE : (Integer) o;

if (info.expanding && state != STATE_EXPANDING) {

ExpandAnimation ani = new ExpandAnimation(dummyView, 0, totalHeight, info);

ani.setDuration(this.parent.getAnimationDuration());

ani.setAnimationListener(new AnimationListener() {

@Override

public void onAnimationEnd(Animation animation) {

stopAnimation(groupPosition);

notifyDataSetChanged();

dummyView.setTag(STATE_IDLE);

}

@Override

public void onAnimationRepeat(Animation animation) {}

@Override

public void onAnimationStart(Animation animation) {}

});

dummyView.startAnimation(ani);

dummyView.setTag(STATE_EXPANDING);

} else if (!info.expanding && state != STATE_COLLAPSING) {

if (info.dummyHeight == -1) {

info.dummyHeight = totalHeight;

}

ExpandAnimation ani = new ExpandAnimation(dummyView, info.dummyHeight, 0, info);

ani.setDuration(this.parent.getAnimationDuration());

ani.setAnimationListener(new AnimationListener() {

@Override

public void onAnimationEnd(Animation animation) {

stopAnimation(groupPosition);

listView.collapseGroup(groupPosition);

notifyDataSetChanged();

info.dummyHeight = -1;

dummyView.setTag(STATE_IDLE);

}

@Override

public void onAnimationRepeat(Animation animation) {}

@Override

public void onAnimationStart(Animation animation) {}

});

dummyView.startAnimation(ani);

dummyView.setTag(STATE_COLLAPSING);

}

return convertView;

} else {

return getRealChildView(groupPosition, childPosition, isLastChild, convertView, parent);

}

}

@Override

public final int getChildrenCount(int groupPosition) {

GroupInfo info = getGroupInfo(groupPosition);

if (info.animating) {

return info.firstChildPosition + 1;

} else {

return getRealChildrenCount(groupPosition);

}

}

}

private static class DummyView extends View {

private List<View> views = new ArrayList<View>();

private Drawable divider;

private int dividerWidth;

private int dividerHeight;

public DummyView(Context context) {

super(context);

}

public void setDivider(Drawable divider, int dividerWidth, int dividerHeight) {

if(divider != null) {

this.divider = divider;

this.dividerWidth = dividerWidth;

this.dividerHeight = dividerHeight;

divider.setBounds(0, 0, dividerWidth, dividerHeight);

}

}

/**

* Add a view for the DummyView to draw.

* @param childView View to draw

*/

public void addFakeView(View childView) {

childView.layout(0, 0, getWidth(), childView.getMeasuredHeight());

views.add(childView);

}

@Override

protected void onLayout(boolean changed, int left, int top, int right, int bottom) {

super.onLayout(changed, left, top, right, bottom);

final int len = views.size();

for(int i = 0; i < len; i++) {

View v = views.get(i);

v.layout(left, top, left + v.getMeasuredWidth(), top + v.getMeasuredHeight());

}

}

public void clearViews() {

views.clear();

}

@Override

public void dispatchDraw(Canvas canvas) {

canvas.save();

if(divider != null) {

divider.setBounds(0, 0, dividerWidth, dividerHeight);

}

final int len = views.size();

for(int i = 0; i < len; i++) {

View v = views.get(i);

canvas.save();

canvas.clipRect(0, 0, getWidth(), v.getMeasuredHeight());

v.draw(canvas);

canvas.restore();

if(divider != null) {

divider.draw(canvas);

canvas.translate(0, dividerHeight);

}

canvas.translate(0, v.getMeasuredHeight());

}

canvas.restore();

}

}

private static class ExpandAnimation extends Animation {

private int baseHeight;

private int delta;

private View view;

private GroupInfo groupInfo;

private ExpandAnimation(View v, int startHeight, int endHeight, GroupInfo info) {

baseHeight = startHeight;

delta = endHeight - startHeight;

view = v;

groupInfo = info;

view.getLayoutParams().height = startHeight;

view.requestLayout();

}

@Override

protected void applyTransformation(float interpolatedTime, Transformation t) {

super.applyTransformation(interpolatedTime, t);

if (interpolatedTime < 1.0f) {

int val = baseHeight + (int) (delta * interpolatedTime);

view.getLayoutParams().height = val;

groupInfo.dummyHeight = val;

view.requestLayout();

} else {

int val = baseHeight + delta;

view.getLayoutParams().height = val;

groupInfo.dummyHeight = val;

view.requestLayout();

}

}

}

}

继承上面这个类：

package com.**.ibank.menu.adapter;

import java.util.List;

import android.R.integer;

import android.content.Context;

import android.graphics.Color;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ImageView;

import android.widget.TextView;

import com.nantian.ibank.R;

import com.nantian.ibank.menu.adapter.AnimatedExpandableListView.AnimatedExpandableListAdapter;

import com.nantian.ibank.menu.entity.ChildItem;

import com.nantian.ibank.menu.entity.GroupItem;

public class animatedExpandableListAdapter extends AnimatedExpandableListAdapter{

private Context mContext;

// TextView title;

// ImageView logo;

// ImageView iv_group_right;

public Integer[] logos;

private static class ChildHolder {

TextView title;

TextView hint;

}

private static class GroupHolder {

TextView title;

ImageView logo;

ImageView iv_group_right;

}

private LayoutInflater inflater;

private List<GroupItem> items;

public animatedExpandableListAdapter(Context context) {

inflater = LayoutInflater.from(context);

this.mContext=context;

}

public void setData(List<GroupItem> items) {

this.items = items;

}

@Override

public ChildItem getChild(int groupPosition, int childPosition) {

GroupItem group=items.get(groupPosition);

String[]child=group.items;

ChildItem it= new ChildItem();

it.title=child;

// return items.get(groupPosition).items[childPosition].;

return it;

}

@Override

public long getChildId(int groupPosition, int childPosition) {

return childPosition;

}

@Override

public View getRealChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {

ChildHolder holder;

ChildItem item = getChild(groupPosition, childPosition);

if (convertView == null) {

holder = new ChildHolder();

convertView = inflater.inflate(R.layout.list_item, parent, false);

holder.title = (TextView) convertView.findViewById(R.id.textTitle);

holder.title.setTextSize(14);

holder.title.setTextColor(Color.WHITE);

// holder.hint = (TextView) convertView.findViewById(R.id.textHint);

convertView.setTag(holder);

} else {

holder = (ChildHolder) convertView.getTag();

}

// if (childPosition == 0) {

// convertView.setBackgroundColor(mContext.getResources().getColor(

// R.color.signExpadListViewNoSelect));

// }

holder.title.setText(item.title[childPosition]);

// holder.hint.setText(item.hint);

return convertView;

}

@Override

public int getRealChildrenCount(int groupPosition) {

return items.get(groupPosition).items.length;

}

@Override

public GroupItem getGroup(int groupPosition) {

return items.get(groupPosition);

}

@Override

public int getGroupCount() {

return items.size();

}

@Override

public long getGroupId(int groupPosition) {

return groupPosition;

}

@Override

public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {

GroupHolder holder;

GroupItem item = getGroup(groupPosition);

if (convertView == null) {

holder=new GroupHolder();

convertView = inflater.inflate(R.layout.layout_mainpage_menu_group, parent, false);

holder.title = (TextView) convertView.findViewById(R.id.mainpage_menu_group_text);

holder.logo = (ImageView) convertView

.findViewById(R.id.mainpage_menu_group_logo);

holder. iv_group_right= (ImageView) convertView.findViewById(R.id.iv_group_right);

holder.iv_group_right.setVisibility(View.VISIBLE);

holder.logo.setImageResource(logos[groupPosition]);

holder.logo.setPadding(10, 0, 0, 0);

holder.title.setText(item.title);

holder.title.setTextSize(15);

convertView.setTag(holder);

} else {

holder = (GroupHolder) convertView.getTag();

holder.title.setText(item.title);

holder.logo.setImageResource(logos[groupPosition]);

}

if (isExpanded) {

convertView.setBackgroundColor(mContext.getResources().getColor(

R.color.signExpadListViewgroup));

holder.iv_group_right.setBackgroundResource(R.drawable.sign_mainpage_menu_close);

}else {

convertView.setBackgroundColor(mContext.getResources().getColor(

R.color.signExpadListView));

holder.iv_group_right.setBackgroundResource(R.drawable.sign_mainpage_menu_open);

}

return convertView;

}

@Override

public boolean hasStableIds() {

return true;

}

@Override

public boolean isChildSelectable(int arg0, int arg1) {

return true;

}

}

如果展开调用方法：

expandableListView.expandGroupWithAnimation(groupPosition);

如果折叠调用方法：

expandableListView

.collapseGroupWithAnimation(groupPosition);

参考demo:http://download.csdn.net/detail/chen_dl/8383145

经本人集成后的项目：http://download.csdn.net/detail/chen_dl/8383725