Android积分签到上移消失动画效果
2018-05-14 15:36
726 查看
还记得以前在某云的时候,有次需求是一个积分签到,要求点击签到按钮然后有一个动画效果,比如+30积分然后慢慢往上移动在消失。那会不会做就想着改下需求,直接去掉了动画效果,而今时隔很久又遇到同样的问题,比较蛋疼的是我清楚记得当时做过这个功能,但是自己没有做出来,当然现在做还是不会。自己当年省写的代码含泪也要补上。这次吸取教训,实现这个效果。
大致思路:动画部分,由一个垂直的平移和一个透明度变化的两个动画组成。然后通过AnimationSet将两个动画添加到集合,然后开始播放动画。
更新UI部分,用的是Handler发送消息更新UI
下面看代码:
import android.os.Handler; import android.os.Message; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.text.TextUtils; import android.view.View; import android.view.animation.AlphaAnimation; import android.view.animation.AnimationSet; import android.view.animation.TranslateAnimation; import android.widget.Button; import android.widget.ImageView; import android.widget.TextView; import android.widget.Toast; public class MainActivity extends AppCompatActivity { private ImageView mSignIn; private ImageView redDot; private TextView signSuccess; private AnimationSet set; private String isSign; private TextView textView; private Handler mHandler = new Handler() { private int i=100; public void handleMessage(android.os.Message msg) { switch (msg.what) { case 1:// 签到 i = i+100; mSignIn.setImageResource(R.drawable.icon_signed);//已签到 redDot.setVisibility(View.GONE);//圆点隐藏 // start平移和渐变动画 signSuccess.startAnimation(set); signSuccess.setVisibility(View.GONE); textView.setText("当前积分:"+i); // mSignIn.setClickable(false); break; default: break; } } }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mSignIn = (ImageView) findViewById(R.id.iv_sign);//签到 redDot = (ImageView) findViewById(R.id.iv_redpoint);//显示未签到的红圆点 textView = (TextView) findViewById(R.id.tv_score);//积分 //签到添加积分动画文本 signSuccess = (TextView) findViewById(R.id.iv_sign_success); // 获取签到成功图片的位置 int left = signSuccess.getLeft(); int top = signSuccess.getTop(); // 创建平移和渐变的动画集合 // 定义一个平移动画对象 TranslateAnimation translate = new TranslateAnimation(left, left, top, top - 100); translate.setDuration(2000); //translate.setRepeatCount(1); // 渐变动画 AlphaAnimation alpha = new AlphaAnimation(1, 0); alpha.setDuration(2000); alpha.setFillAfter(true); // 创建动画集合,将平移动画和渐变动画添加到集合中,一起start set = new AnimationSet(false); set.addAnimation(translate); set.addAnimation(alpha); } /** * 签到 * @param v */ public void signIn(View v) { // if (!TextUtils.isEmpty(isSign)) { // if ("0".equals(isSign)) {// 0代表未签到 signSuccess.setVisibility(View.VISIBLE); // mHandler.sendEmptyMessage(1); Message message = new Message(); message.what = 1; mHandler.sendMessage(message); // } // } } }
其中
TranslateAnimation translate = new TranslateAnimation(left, left, top, top - 100);
接收四个参数,我们点击去看他的源码
/** * Constructor to use when building a TranslateAnimation from code * * @param fromXDelta Change in X coordinate to apply at the start of the * animation * @param toXDelta Change in X coordinate to apply at the end of the * animation * @param fromYDelta Change in Y coordinate to apply at the start of the * animation * @param toYDelta Change in Y coordinate to apply at the end of the * animation */ public TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta) { mFromXValue = fromXDelta; mToXValue = toXDelta; mFromYValue = fromYDelta; mToYValue = toYDelta; }
看到了TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta),从参数字面意思都能理解,在结合我们传递进去的参数,就是水平没有变化,垂直位移。
AlphaAnimation alpha = new AlphaAnimation(1, 0);
是透明度变化1代表不透明,0代表完全透明,取值float
为了显示效果这里可以多次点击,实际项目中是点击签到一般是只能点击一次。这个需要注意一下修改。
您可能感兴趣的文章:
- Android自定义View实现QQ运动积分转盘抽奖功能
- Android自定义View仿微博运动积分动画效果
- Android动画之渐变动画(Tween Animation)详解 (渐变、缩放、位移、旋转)
- Android开发之图形图像与动画(二)Animation实现图像的渐变/缩放/位移/旋转
- Android编程实现popupwindow弹出后屏幕背景变成半透明效果
- Android编程实现设置按钮背景透明与半透明及图片背景透明的方法
- android 对话框弹出位置和透明度的设置具体实现方法
- Android应用中设置alpha值来制作透明与渐变效果的实例
- Android设置Activity背景为透明style的简单方法(必看)
相关文章推荐
- Android自定义View仿微博运动积分动画效果
- android动画效果实现-页面上移效果
- Android 积分签到动画 位移+透明
- Android 积分签到动画 位移+透明
- android一个布局由消失变为可见时实现动画效果
- android一个布局由消失变为可见时实现动画效果
- Android 深入ViewPager补间动画,实现类京东商城首页广告Banner切换效果
- android 动画效果大全
- android Tween Animations(动画效果-代码实现)的使用
- Android 弹簧动画效果
- Android 实现蘑菇街购物车动画效果
- Android动画效果translate、scale、alpha、rotate详解
- Android实现带动画效果的Tab Menu
- Android Material Design动画 Reveal Effect | 揭示效果
- 【Android UI设计与开发】第03期:引导界面(三)仿微信引导界面以及动画效果
- Android动画效果生动有趣的通知NiftyNotification(Android Toast替代品)
- android 触摸事件冒泡动画效果
- setAnimationStyle实现的popwindow显示消失的动画效果
- Android动画效果Animation之Tween实现简单动画
- Android TextView显示文字过长时添加阴影渐变消失效果