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

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

为了显示效果这里可以多次点击,实际项目中是点击签到一般是只能点击一次。这个需要注意一下修改。

源码

(0)

相关推荐

  • java实现app签到功能

    本文实例为大家分享了java实现app签到功能的具体代码,供大家参考,具体内容如下 1.首先设计二张表,第一张表sign_calc记录用户连续签到次数,字段id,user_id,continue_days,第二张表sign_detail签到详情表id,user_id,sign_date. 2.app端用户点击签到接口controller如下: /*** * app签到接口 * @author xuhaibo * @param accid * @return */ @ResponseBody @R

  • Android可签到日历控件的实现方法

    最近在公司的功能需求中,需要实现可以签到的日历,签到后在签到过的日期做标志.本功能参考了网上一些大神的日历控件,在此基础上进行修改,已满足本公司的需求,现已完成,记录一下. 布局文件: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_wi

  • Android实现带签到赢积分功能的日历

    Android实现点击签到按钮直接签到,弹出dialog,先上效果图 demo是利用gridview实现的,现附上布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent&qu

  • Android简单实现app每月签到功能

    本文实例为大家分享了Android实现app每月签到功能的具体代码,供大家参考,具体内容如下 先上一张效果图: 其中这些签到的效果图是在网上找的,然后重要用到的控件就是 GridvVew 了, 代码很简单,只有3个代码文件: MainActivity.class 文件 package zhanghuan.cn.checkdesign; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import

  • Android基于AccessibilityService制作的钉钉自动签到程序代码

    前两天公司开始宣布要使用阿里钉钉来签到啦!!!~~这就意味着,我必须老老实实每天按时签到上班下班了,这真是一个悲伤的消息,可是!!!!那么机智(lan)的我,怎么可能就这么屈服!!!阿里钉钉签到,说到底不就是手机软件签到吗?我就是干移动开发的,做一个小应用每天自动签到不就行了:) 说干就干,首先分析一下,阿里钉钉的签到流程: 打开阿里钉钉->广告页停留2S左右->进入主页->点击"工作"tab->点击"签到"模块->进入签到页面(可能会

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

    还记得以前在某云的时候,有次需求是一个积分签到,要求点击签到按钮然后有一个动画效果,比如+30积分然后慢慢往上移动在消失.那会不会做就想着改下需求,直接去掉了动画效果,而今时隔很久又遇到同样的问题,比较蛋疼的是我清楚记得当时做过这个功能,但是自己没有做出来,当然现在做还是不会.自己当年省写的代码含泪也要补上.这次吸取教训,实现这个效果. 大致思路:动画部分,由一个垂直的平移和一个透明度变化的两个动画组成.然后通过AnimationSet将两个动画添加到集合,然后开始播放动画. 更新UI部分,用的

  • SpringAnimation 实现菜单从顶部弹出从底部消失动画效果

    前言 实现一种菜单,菜单从顶部弹入,然后从底部消失,顶部弹入时,有一个上下抖动的过程,底部消失时,先向上滑动,然后再向下滑动消失. 效果图如下: 引入依赖 implementation 'com.android.support:support-dynamic-animation:27.1.1'1 创建SpringAnimation需要三个参数. •做动画的View •做动画的类型(DynamicAnimation) ALPHA ROTATION ROTATION_X ROTATION_Y SCA

  • Android编程实现仿心跳动画效果的方法

    本文实例讲述了Android编程实现仿心跳动画效果的方法.分享给大家供大家参考,具体如下: // 按钮模拟心脏跳动 private void playHeartbeatAnimation() { AnimationSet animationSet = new AnimationSet(true); animationSet.addAnimation(new ScaleAnimation(1.0f, 1.8f, 1.0f, 1.8f, Animation.RELATIVE_TO_SELF, 0.5

  • Android自定义带加载动画效果的环状进度条

    最近闲来无事,自定义了一个环状进度条,话不多说直接上代码 : public class CircleProgressView extends View{ private Paint mCirPaint; private Paint mArcPaint; private Paint mTextPaint; private float radius=200; private int textsize=60; private int progress=68; private int stokeWidt

  • Android 仿余额宝数字跳动动画效果完整代码

    一:想都不用想的,有图有真相,看着爽了,在看下面源码 二:实例源码分析 ①:首先定义接口 package com.demo.tools.view; /** * 数字动画自定义 * * @author zengtao 2015年7月17日 上午11:48:27 * */ public interface RiseNumberBase { public void start(); public RiseNumberTextView withNumber(float number); public R

  • Android仿打开微信红包动画效果实现代码

    首先看下效果: 实现原理: 准备3张不同角度的图片,通过AnimationDrawable帧动画进行播放即可 代码实现: 1.编写动画xml文件: <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false&

  • Android 实现圆圈扩散水波动画效果两种方法

    两种方式实现类似水波扩散效果,先上图为敬 自定义view实现 动画实现 自定义view实现 思路分析:通过canvas画圆,每次改变圆半径和透明度,当半径达到一定程度,再次从中心开始绘圆,达到不同层级的效果,通过不断绘制达到view扩散效果 private Paint centerPaint; //中心圆paint private int radius = 100; //中心圆半径 private Paint spreadPaint; //扩散圆paint private float cente

  • Android自定义view之围棋动画效果的实现

    前言 废话不多说直接开始 老规矩,文章最后有源码 完成效果图 棋子加渐变色 棋子不加渐变色 一.测量 1.获取宽高 @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); mWidth = w; mHeight = h; useWidth = mWidth; if (mWidth > mHeight) { useWidth =

  • Android SeekBar 自定义thumb旋转动画效果

    目录 简介 示例 dimens.xml drawable shape_thumb_round_1.xml layers_thumb_ring_sweep_1.xml rotate_thumb_1.xml layers_seek_bar_progress_1.xml layout Activity中调用 小结 简介 某些音乐播放或者视频播放的界面上,资源还在加载时,进度条的原点(thumb)会显示一个转圈的效果. 资源加载完成后,又切换回静态效果.这个效果增强了用户体验. 一般来说有美术人员负责设

  • 利用Android实现一种点赞动画效果的全过程

    目录 前言 点击后的缩放效果 拇指的散开效果 示例 总结 前言 最近有个需求,需要仿照公司的H5实现一个游戏助手,其中一个点赞的按钮有动画效果,如下图: 分析一下这个动画,点击按钮后,拇指首先有个缩放的效果,然后有5个拇指朝不同的方向移动,其中部分有放大的效果. 点击后的缩放效果 本文通过ScaleAnimation 实现缩放效果,代码如下: private fun playThumbUpScaleAnimator() { // x.y轴方向都从1倍放大到2倍,以控件的中心为原点进行缩放 Sca

随机推荐