Android属性动画—实现第三方登录的上拉展开，下拉隐藏

Android的UI和交互是很重要的一部分&＃xff0c;直接影响到用户对软件的体验。随着项目经验的积累&＃xff0c;发现Android中动画的运用越来越重要。本篇文章抽出了项目登录界面中实现的第三方登录&＃xff0c;用户可以上拉展开&＃xff0c;下拉隐藏第三方登录这么一个效果&＃xff0c;提高用户和软件的交互性。

实现效果&＃xff1a;

&＃xff08;1&＃xff09;activity_main.xml



&＃xff08;2&＃xff09;PropertyAnimation.java  这个文件主要是把实现的属性动画封装到一个类里&＃xff0c;这样一个功能就成为一个模块。其它调用者也可以很方便的使用。

package com.example.propertyanimation;import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.ValueAnimator;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;public class PropertyAnimation {private float mDensity;private int mHiddenViewMeasuredHeight; //点击箭头的时候&＃xff0c;需要隐藏的控件最终到达一个高度&＃xff0c;// 这个就是我们要控件到达的目标值。public PropertyAnimation(Context context){//点击箭头的时候&＃xff0c;需要隐藏的控件最终到达一个高度&＃xff0c;这个就是我们的目标值&＃xff0c;只需要通过布局中的dp转换成像素就行了。mDensity &＃61; context.getResources().getDisplayMetrics().density;mHiddenViewMeasuredHeight &＃61; (int) (mDensity * 57.5 &＃43; 0.5);}public void animateOpen(View v) {v.setVisibility(View.VISIBLE);//createDropAnimator()自定义的一个动画效果函数ValueAnimator animator &＃61; createDropAnimator(v, 0,mHiddenViewMeasuredHeight);animator.start();}/*** 给控制动画的箭头设置动画.* 给箭头设置向上的动画* &＃64;param view 控件*/public void animationIvOpen(View view) {//旋转动画&＃xff0c;参数说明&＃xff1a;new RotateAnimation(旋转的开始角度,旋转的结束角度,X轴的伸缩模式:可以取值为ABSOLUTE、// RELATIVE_TO_SELF、RELATIVE_TO_PARENT,X坐标的伸缩值,Y轴的伸缩模式:可以取值为ABSOLUTE、RELATIVE_TO_SELF、// RELATIVE_TO_PARENT,Y坐标的伸缩值);RotateAnimation animation &＃61; new RotateAnimation(0, 180,Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f);//动画执行完后是否停留在执行完的状态animation.setFillAfter(true);//持续时间animation.setDuration(100);//为箭头图片绑定动画view.startAnimation(animation);}/*** 给控制动画的箭头设置动画.* 给箭头设置向下的动画* &＃64;param view*/public void animationIvClose(View view) {RotateAnimation animation &＃61; new RotateAnimation(180, 0,Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f);animation.setFillAfter(true);animation.setDuration(100);view.startAnimation(animation);}/*** 设置隐藏动画** &＃64;param view //动画作用的控件*/public void animateClose(final View view) {//获得控件的高度int origHeight &＃61; view.getHeight();//createDropAnimator()自定义的一个动画效果函数ValueAnimator animator &＃61; createDropAnimator(view, origHeight, 0);//如果你不想实现Animator.AnimatorListener中的所有接口&＃xff0c;你可以通过继承AnimatorListenerAdapter。//AnimatorListenerAdapter类为所有的方法提供了一个空实现&＃xff0c;所以你可以根据需要实现你需要的&＃xff0c;覆盖AnimatorListenerAdapter原来的方法animator.addListener(new AnimatorListenerAdapter() {&＃64;Overridepublic void onAnimationEnd(Animator animation) { //动画结束时调用view.setVisibility(View.GONE);}});animator.start();}/*** 自定义的动画效果** &＃64;param v //动画作用的控件* &＃64;param start //动画的开始值* &＃64;param end //动画的结束值* &＃64;return*/private ValueAnimator createDropAnimator(final View v, int start, int end) {//这里我们利用ValueAnimator.ofInt创建了一个值从start到end的动画ValueAnimator animator &＃61; ValueAnimator.ofInt(start, end);//为ValueAnimator注册AnimatorUpdateListener监听器&＃xff0c;在该监听器中可以// 监听ValueAnimator计算出来的值的改变&＃xff0c;并将这些值应用到指定对象animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {&＃64;Overridepublic void onAnimationUpdate(ValueAnimator arg0) {//获取动画当前值int value &＃61; (int) arg0.getAnimatedValue();//得到控件的属性集合ViewGroup.LayoutParams layoutParams &＃61; v.getLayoutParams();//设置控件的高属性layoutParams.height &＃61; value;//把属性绑定到需要动画的控件上v.setLayoutParams(layoutParams);}});return animator;}}
&＃xff08;3&＃xff09;MainActivity.java 这个文件开始使用封装好的属性动画了。

package com.example.propertyanimation;import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.Toast;public class MainActivity extends Activity implements View.OnClickListener{private ImageView mIv_arrowhead;private RelativeLayout mHiddenLayout;private PropertyAnimation propertyAnimation;private Button btn_qq; //QQ登录按钮private Button btn_weixin; //微信登录按钮&＃64;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//自己定义的属性动画类propertyAnimation&＃61;new PropertyAnimation(this);//隐藏/显示第三方登录的箭头图标mIv_arrowhead &＃61; (ImageView) this.findViewById(R.id.arrowhead);mIv_arrowhead.setOnClickListener(this);//隐藏/显示的布局mHiddenLayout &＃61; (RelativeLayout) this.findViewById(R.id.showhideView);//QQ登录btn_qq &＃61; (Button) this.findViewById(R.id.btn_qq);btn_qq.setOnClickListener(this);//微信登录btn_weixin&＃61;(Button)this.findViewById(R.id.btn_weixin);btn_weixin.setOnClickListener(this);}&＃64;Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.arrowhead:if (mHiddenLayout.getVisibility() &＃61;&＃61; View.GONE) {propertyAnimation.animateOpen(mHiddenLayout);propertyAnimation.animationIvOpen(mIv_arrowhead);} else {propertyAnimation.animateClose(mHiddenLayout);propertyAnimation.animationIvClose(mIv_arrowhead);}break;case R.id.btn_qq: //QQ授权登录Toast.makeText(this,"QQ登录",Toast.LENGTH_SHORT).show();break;case R.id.btn_weixin: //微信授权登录Toast.makeText(this,"微信登录",Toast.LENGTH_SHORT).show();break;}}
}