Android 点击赞时弹出+1向上弹出动画

一、前言：

项目中用到的抽出来

二、具体实现：

1.MainActivity 

package com.merbng.zanDemo;

import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    private Button zan_btn;
    private TextView addOne;// +1
    private android.view.animation.Animation animation;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //  初始化 动画
        animation = AnimationUtils.loadAnimation(this, R.anim.add_score_anim);
        zan_btn = (Button) findViewById(R.id.zan_btn);
        addOne = (TextView) findViewById(R.id.addOne_tv);
        //  按钮点击 触发动画
        zan_btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                addOne.setVisibility(View.VISIBLE);
                addOne.startAnimation(animation);
                new Handler().postDelayed(new Runnable() {
                    public void run() {
                        addOne.setVisibility(View.GONE);
                    }
                }, 1000);
            }
        });
    }
}

2.布局文件 activity_main

</pre><pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#ffffff">

    <Button
        android:id="@+id/zan_btn"
        android:layout_width="60dp"
        android:layout_height="40dp"
        android:layout_centerInParent="true"
        android:background="@drawable/icon_zan"
        android:gravity="center" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/zan_btn"
        android:layout_centerHorizontal="true"
        android:text="赞"
        android:textColor="#000000"
        android:textSize="30sp" />

    <TextView
        android:id="@+id/addOne_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:text="+1"
        android:textColor="#FF0000"
        android:textSize="18dip"
        android:visibility="gone" />

</RelativeLayout>

3.动画的xml    add_score_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0"
        android:toXDelta="0"
        android:fromYDelta="0"
        android:toYDelta="-50"
        android:duration="1000"/>

    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.3"
        android:duration="1000"/>
</set>