//效果图：

//第一种方式(纯平移动画类型)：

//第一步 我的Activity布局：

//第二步 我的Activity代码实现：

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

private LinearLayout mData;

private TextView mShowHidden;

private int height;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initView();

}

private void initView() {

mData = (LinearLayout) findViewById(R.id.mData);

mShowHidden = (TextView) findViewById(R.id.mShowHidden);

mShowHidden.setOnClickListener(this);

//获取组件高度

initOnPreDrawListener();

}

@Override

public void onClick(View v) {

switch (v.getId()) {

case R.id.mShowHidden:

if (mData.getVisibility() == View.GONE) {

start();

} else {

end();

}

break;

}

}

/*

* 方法名：initOnPreDrawListener()

* 功 能：初始化viewTreeObserver事件监听,重写OnPreDrawListener获取组件高度

* 参 数：无

* 返回值：无

*/

private void initOnPreDrawListener() {

final ViewTreeObserver viewTreeObserver = this.getWindow().getDecorView().getViewTreeObserver();

viewTreeObserver.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {

@Override

public boolean onPreDraw() {

height = mData.getMeasuredHeight();

// int width = mText1.getMeasuredWidth();

Log.e("TAG", "高：" + height);

// 移除OnPreDrawListener事件监听

MainActivity.this.getWindow().getDecorView().getViewTreeObserver().removeOnPreDrawListener(this);

//获取完高度后隐藏控件

mData.setVisibility(View.GONE);

return true;

}

});

}

/*

* 方法名：start()

* 功 能：显示控件,开启动画,判断,控件高度只获取一次

* 参 数：无

* 返回值：无

*/

private void start() {

// 显示控件

mData.setVisibility(View.VISIBLE);

//开启平移动画

TranslateAnimation startTranslateAnim = new TranslateAnimation(0, 0, -height, 0);

startTranslateAnim.setDuration(1600);

Log.e("TAG2", "高：" + height);

//控件开始动画

mData.startAnimation(startTranslateAnim);

mShowHidden.startAnimation(startTranslateAnim);

//开启动画的监听

startTranslateAnim.setAnimationListener(new Animation.AnimationListener() {

@Override

public void onAnimationStart(Animation animation) {

//动画开始调用

}

@Override

public void onAnimationEnd(Animation animation) {

//动画结束时调用

//控件右边重新设置图片，相当于设置drawableRight

Drawable drawable = getResources().getDrawable(R.mipmap.bb);

drawable.setBounds(0, 0, drawable.getMinimumWidth(), drawable.getMinimumHeight()); //设置边界

mShowHidden.setCompoundDrawables(null, null, drawable, null);//画在右边

}

@Override

public void onAnimationRepeat(Animation animation) {

//动画重复时调用

}

});

}

/*

* 方法名：end()

* 功 能：关闭平移动画,控件开始执行关闭动画,动画的监听

* 参 数：无

* 返回值：无

*/

private void end() {

// 关闭平移动画

TranslateAnimation endTranslateAnim = new TranslateAnimation(0, 0, 0, -height);

endTranslateAnim.setDuration(1600);

Log.e("TAG2", "高：" + height);

//控件开始动画

mData.startAnimation(endTranslateAnim);

mShowHidden.startAnimation(endTranslateAnim);

//关闭动画的监听

endTranslateAnim.setAnimationListener(new Animation.AnimationListener() {

@Override

public void onAnimationStart(Animation animation) {

//动画开始调用

}

@Override

public void onAnimationEnd(Animation animation) {

//动画结束时调用

mData.setVisibility(View.GONE);

Drawable drawable = getResources().getDrawable(R.mipmap.aa);

drawable.setBounds(0, 0, drawable.getMinimumWidth(), drawable.getMinimumHeight()); //设置边界

mShowHidden.setCompoundDrawables(null, null, drawable, null);//画在右边

}

@Override

public void onAnimationRepeat(Animation animation) {

//动画重复时调用

}

});

}

}

//第二种 方式(加了ValueAnimator来设置布局移动)：

//第一步  Activity布局和第一个是一样的。

//第二步 Activity代码实现：

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

private LinearLayout mData;

private TextView mShowHidden;

private int height;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initView();

}

private void initView() {

mData = (LinearLayout) findViewById(R.id.mData);

mShowHidden = (TextView) findViewById(R.id.mShowHidden);

mShowHidden.setOnClickListener(this);

//获取控件高度

initOnPreDrawListener();

}

@Override

public void onClick(View v) {

switch (v.getId()) {

case R.id.mShowHidden:

if (mData.getVisibility() == View.GONE) {

//开启布局动画

animateOpen(mData);

//开启平移动画

startTranslationAnimation();

} else {

//关闭布局动画

animateClose(mData);

//关闭平移动画

endTranslationAnimation();

}

break;

}

}

/*

* 方法名：initOnPreDrawListener()

* 功 能：获取控件高度

* 参 数：无

* 返回值：无

*/

private void initOnPreDrawListener() {

final ViewTreeObserver viewTreeObserver = this.getWindow().getDecorView().getViewTreeObserver();

viewTreeObserver.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {

@Override

public boolean onPreDraw() {

height = mData.getMeasuredHeight();

// int width = mText1.getMeasuredWidth();

Log.e("TAG", "高：" + height);

// 移除OnPreDrawListener事件监听

MainActivity.this.getWindow().getDecorView().getViewTreeObserver().removeOnPreDrawListener(this);

//获取完高度后隐藏控件

mData.setVisibility(View.GONE);

return true;

}

});

}

/*

* 方法名：animateOpen(View v)

* 功 能：布局向下移动

* 参 数：View v

* 返回值：无

*/

private void animateOpen(View v) {

v.setVisibility(View.VISIBLE);

ValueAnimator animator = createDropAnimator(v, 0, height);

animator.start();

}

/*

* 方法名：animateClose(View v)

* 功 能：布局向上移动

* 参 数：View v

* 返回值：无

*/

private void animateClose(final View view) {

int origHeight = view.getHeight();

ValueAnimator animator = createDropAnimator(view, origHeight, 0);

animator.addListener(new AnimatorListenerAdapter() {

@Override

public void onAnimationEnd(Animator animation) {

view.setVisibility(View.GONE);

}

});

animator.start();

}

/*

* 方法名：startTranslationAnimation()

* 功 能：开启平移动画

* 参 数：无

* 返回值：无

*/

private void startTranslationAnimation() {

TranslateAnimation startTranslateAnim = new TranslateAnimation(0, 0, -height, 0);

startTranslateAnim.setDuration(300);

mData.startAnimation(startTranslateAnim);

}

/*

* 方法名：endTranslationAnimation()

* 功 能：关闭平移动画

* 参 数：无

* 返回值：无

*/

private void endTranslationAnimation() {

TranslateAnimation endTranslateAnim= new TranslateAnimation(0, 0, 0, -height);

endTranslateAnim.setDuration(300);

mData.startAnimation(endTranslateAnim);

}

/*

* 方法名：createDropAnimator(final View v, int start, int end)

* 功 能：ValueAnimator动画,布局上下移动

* 参 数：View v, int start, int end

* 返回值：ValueAnimator animator

*/

private ValueAnimator createDropAnimator(final View v, int start, int end) {

ValueAnimator animator = ValueAnimator.ofInt(start, end);

animator.setDuration(300);

animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator arg0) {

int value = (int) arg0.getAnimatedValue();

ViewGroup.LayoutParams layoutParams = v.getLayoutParams();

layoutParams.height = value;

v.setLayoutParams(layoutParams);

}

});

return animator;

}

}

//-------------------------------------------------------------------------完-------------------------------------------------------------------------------------