Android积分签到上移消失动画效果

 更新时间:2018年05月14日 15:36:31   作者:帅气大果果  
这篇文章主要介绍了Android积分签到上移消失动画效果大致思路:动画部分,由一个垂直的平移和一个透明度变化的两个动画组成。然后通过AnimationSet将两个动画添加到集合,然后开始播放动画。

还记得以前在某云的时候,有次需求是一个积分签到,要求点击签到按钮然后有一个动画效果,比如+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 RadioGroup多行显示效果 解决单选问题

    Android RadioGroup多行显示效果 解决单选问题

    这篇文章主要为大家详细介绍了Android RadioGroup多行显示效果,解决单选问题,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 在Android中使用WebSocket实现消息通信的方法详解

    在Android中使用WebSocket实现消息通信的方法详解

    这篇文章主要介绍了在Android中使用WebSocket实现消息通信的方法详解,消息推送功能可以说移动APP不可缺少的功能之一,使用WebSocket实现消息推送功能。感兴趣的可以了解一下
    2020-07-07
  • Android拨号盘 支持T9搜索和号码搜索等拨号盘案例

    Android拨号盘 支持T9搜索和号码搜索等拨号盘案例

    之前做通讯录软件,其中在做拨号盘的时候一直为怎么实现T9输入烦恼,不过最后终于是实现了,看社区内好像也有不少朋友需要,在此分享一下
    2012-12-12
  • 一文详解Android FCM接入

    一文详解Android FCM接入

    这篇文章主要为大家介绍了Android FCM接入详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • Android实现图片滚动效果

    Android实现图片滚动效果

    这篇文章主要为大家详细介绍了Android实现图片滚动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • Android实现评论栏随Recyclerview滑动左右移动

    Android实现评论栏随Recyclerview滑动左右移动

    这篇文章主要介绍了Android实现评论栏随Recyclerview滑动左右移动效果,仿约会吧应用详情页实现,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • flutter实现头部tabTop滚动栏

    flutter实现头部tabTop滚动栏

    这篇文章主要为大家详细介绍了flutter实现头部tabTop滚动栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Android 截取手机屏幕两种实现方法

    Android 截取手机屏幕两种实现方法

    这篇文章主要介绍了Android 截取手机屏幕两种实现方法的相关资料,需要的朋友可以参考下
    2017-05-05
  • Android实现直播聊天区域中顶部的渐变效果

    Android实现直播聊天区域中顶部的渐变效果

    最近在研究直播的弹幕,东西有点多,准备记录一下免得自己忘了又要重新研究,下面这篇文章主要给大家介绍了关于Android如何实现直播聊天区域中顶部渐变效果的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2018-04-04
  • Android中RecycleView与ViewPager冲突的解决方法及原理

    Android中RecycleView与ViewPager冲突的解决方法及原理

    这篇文章主要给大家介绍了关于Android中RecycleView与ViewPager冲突的解决方法及原理的相关资料,以及ViewPager嵌套RecycleView卡顿问题的处理方法,文中通过示例代码介绍的非常狎昵,需要的朋友可以参考下
    2018-07-07

最新评论