Android 视图展开动画 [英] Android views expand animation
本文介绍了Android 视图展开动画的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试编辑 这些源 以创建一个简单的函数将适用于我的所有观点.
I'm trying to edit these source to create a simple function that will work on all of my views.
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
RelativeLayout mLayout1 = (RelativeLayout) findViewById(R.id.layout1);
RelativeLayout mLayoutToBeExpanded1 = (RelativeLayout) findViewById(R.id.layout_exp_1);
addAction(mLayout, mLayoutToBeExpanded);
RelativeLayout mLayout2 = (RelativeLayout) findViewById(R.id.layout2);
RelativeLayout mLayoutToBeExpanded2 = (RelativeLayout) findViewById(R.id.layout_exp_2);
addAction(mLayout2, mLayoutToBeExpanded2);
RelativeLayout mLayout3 = (RelativeLayout) findViewById(R.id.layout3);
RelativeLayout mLayoutToBeExpanded3 = (RelativeLayout) findViewById(R.id.layout_exp_3);
addAction(mLayout3, mLayoutToBeExpanded3);
}
public void addAction(final View layout, final View summary) {
summary.getViewTreeObserver().addOnPreDrawListener(
new ViewTreeObserver.OnPreDrawListener() {
@Override
public boolean onPreDraw() {
summary.getViewTreeObserver().removeOnPreDrawListener(this);
summary.setVisibility(View.GONE);
final int widthSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
final int heightSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
summary.measure(widthSpec, heightSpec);
mAnimator = slideAnimator(0, summary.getMeasuredHeight(), summary);
return true;
}
});
layout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (summary.getVisibility() == View.GONE) {
expand(summary);
} else {
collapse(summary);
}
}
});
}
private void expand(View summary) {
//set Visible
summary.setVisibility(View.VISIBLE);
/* Remove and used in preDrawListener
final int widthSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
final int heightSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
mLinearLayout.measure(widthSpec, heightSpec);
mAnimator = slideAnimator(0, mLinearLayout.getMeasuredHeight());
*/
mAnimator.start();
}
private void collapse(final View summary) {
int finalHeight = summary.getHeight();
ValueAnimator mAnimator = slideAnimator(finalHeight, 0, summary);
mAnimator.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationEnd(Animator animator) {
//Height=0, but it set visibility to GONE
summary.setVisibility(View.GONE);
}
@Override
public void onAnimationStart(Animator animator) {
}
@Override
public void onAnimationCancel(Animator animator) {
}
@Override
public void onAnimationRepeat(Animator animator) {
}
});
mAnimator.start();
}
private ValueAnimator slideAnimator(int start, int end, final View summary) {
ValueAnimator animator = ValueAnimator.ofInt(start, end);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator valueAnimator) {
//Update Height
int value = (Integer) valueAnimator.getAnimatedValue();
ViewGroup.LayoutParams layoutParams = summary.getLayoutParams();
layoutParams.height = value;
summary.setLayoutParams(layoutParams);
}
});
return animator;
}
问题:前 2 个布局只能工作一次.第一次展开 -> 折叠后,onClickFunction 不起作用.第三种布局工作正常,我可以多次展开/折叠.有什么解决办法吗?
The issue: the first 2 layouts are working only one time. After the first expand -> collapse the onClickFunction is not working. the 3rd layout is working fine, i can expand/collapse it multiple times. Any solution?
推荐答案
我自己解决了,这里是可扩展布局的可行解决方案.
I solved by myself so, here is the working solution for an expandable layout.
用途:
addAction(YourLayout, LayoutToBeExpanded)
功能:
public void addAction(final View layout, final View summary) {
layout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (summary.getVisibility() == View.GONE) {
expand(summary);
} else {
collapse(summary);
}
}
});
}
private void expand(View summary) {
//set Visible
summary.setVisibility(View.VISIBLE);
final int widthSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
summary.measure(widthSpec, 300);
mAnimator = slideAnimator(0, 300, summary);
mAnimator.start();
}
private void collapse(final View summary) {
int finalHeight = summary.getHeight();
ValueAnimator mAnimator = slideAnimator(finalHeight, 0, summary);
mAnimator.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationEnd(Animator animator) {
//Height=0, but it set visibility to GONE
summary.setVisibility(View.GONE);
}
@Override
public void onAnimationStart(Animator animator) {
}
@Override
public void onAnimationCancel(Animator animator) {
}
@Override
public void onAnimationRepeat(Animator animator) {
}
});
mAnimator.start();
}
private ValueAnimator slideAnimator(int start, int end, final View summary) {
ValueAnimator animator = ValueAnimator.ofInt(start, end);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator valueAnimator) {
//Update Height
int value = (Integer) valueAnimator.getAnimatedValue();
ViewGroup.LayoutParams layoutParams = summary.getLayoutParams();
layoutParams.height = value;
summary.setLayoutParams(layoutParams);
}
});
return animator;
}
如果您还想在单击时折叠mLayoutToBeExpanded",请使用:
If you would like to also collapse the "mLayoutToBeExpanded" on self click use this:
public void addAction(final View layout, final View summary) {
layout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (summary.getVisibility() == View.GONE) {
expand(summary);
} else {
collapse(summary);
}
}
});
summary.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if (summary.getVisibility() == View.VISIBLE) {
collapse(summary);
} else {
//nothing
}
}
});
}
这篇关于Android 视图展开动画的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文