俩个控件用Animation优雅的切换

这俩个控件能上下交替的用动画实现切换， 最近发现很多应用都用页面内动画，控件间动画，不仅让应用档次大大的提高了，也使交互更优雅，更吸引用户。但是页面内动画怎么实现尼，也就是想让俩个控件setVisibility显示和消失，交替的动画。

这是俩个布局

mIvSearch = (ImageView) viewRoot.findViewById(R.id.iv_home_search);
mIvChooseSType = (ImageView) viewRoot.findViewById(R.id.tv_chooseSType);

mIsShowSearchView = false;

/*
 * 点击搜索按钮，弹出搜索框
 */

mIvSearch.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				mIsShowSearchView = true;
				Animation topOut = AnimationUtils.loadAnimation(getActivity(),
						R.anim.push_top_out);
				topOut.setAnimationListener(HomeFragment.this);
				Animation bottomIn = AnimationUtils.loadAnimation(
						getActivity(), R.anim.push_bottom_in);
				bottomIn.setAnimationListener(HomeFragment.this);
				mRyActionBar.startAnimation(topOut);
				mRySearch.startAnimation(bottomIn);

			}
		});

mIvCancle.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// mRyActionBar.setVisibility(View.VISIBLE);
				// mRySearch.setVisibility(View.GONE);

				mIsShowSearchView = false;
				Animation topIn = AnimationUtils.loadAnimation(getActivity(),
						R.anim.push_top_in);
				topIn.setAnimationListener(HomeFragment.this);
				Animation bottomOut = AnimationUtils.loadAnimation(
						getActivity(), R.anim.push_bottom_out);
				topIn.setAnimationListener(HomeFragment.this);
				mRyActionBar.startAnimation(topIn);
				mRySearch.startAnimation(bottomOut);
			}
		});

让Acitivty实现implements AnimationListener

@Override
	public void onAnimationEnd(Animation animation) {
		if (mIsShowSearchView) {
			mRyActionBar.setVisibility(View.GONE);
		} else {
			mRySearch.setVisibility(View.GONE);
		}
	}

	@Override
	public void onAnimationRepeat(Animation animation) {
	}

	@Override
	public void onAnimationStart(Animation animation) {
		if (mIsShowSearchView) {
			mRySearch.setVisibility(View.VISIBLE);
		} else {
			mRyActionBar.setVisibility(View.VISIBLE);
		}
	}

开始的时候遇到一个问题，每次都是A布局消失后，B布局突然出现，而不是慢慢跟着A出现，后来公司大鸟提醒，两个布局是不能用LinearLayout包裹，因为用LinearLayout包裹的话，控件处于垂直布局或者水平布局，那么必须等一个布局消失了另一个才会出现，但是俩个同时的动画，A消失了，B的动画已经结束了，所以才会出现B突然出现，感觉没有执行动画的情况。换 成了FrameLayout就解决了

还有就是几个动画，都的很简单的移动动画
push_bottom_in.xml
push_bottom_out.xml
top_enter.xml
top_exit.xml