Android屬性動畫小練習（簡單實現旋轉、平移、淡入淡出、縮放動畫效果）

 

Android屬性動畫小練習（簡單實現旋轉、平移、淡入淡出、縮放動畫效果）

 

　　　　　　　　　　　　　　　　　　——安德風QQ1652102745

 

 

一、效果演示

 

二、布局設計activity_main.xml

 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="使圖片圍繞X軸旋轉 "
        android:onClick="myClick"
        android:textSize="24sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.497"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btn1" />

    <Button
        android:id="@+id/btn4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="使文字可以飛入 "
        android:onClick="myClick"
        android:textSize="24sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btn3" />

    <Button
        android:id="@+id/btn1"
        android:layout_width="380dp"
        android:layout_height="48dp"
        android:onClick="myClick"
        android:text="圖片先順時針旋轉再逆時針旋轉"
        android:textSize="24sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.516"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.734" />

    <Button
        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="myClick"
        android:text="使圖片可以橫向放大2倍再還原 "
        android:textSize="24sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.28"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btn2" />

    <ImageView
        android:id="@+id/img"
        android:layout_width="161dp"
        android:layout_height="123dp"
        android:layout_marginTop="96dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.486"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/p" />

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="64dp"
        android:text="草莓"
        android:textSize="30sp"
        android:textStyle="bold"
        app:layout_constraintBottom_toTopOf="@+id/btn1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/img"
        app:layout_constraintVertical_bias="0.837" />

</androidx.constraintlayout.widget.ConstraintLayout>

 

三、功能實現MainActivity.java

package com.example.myapplication;

import androidx.appcompat.app.AppCompatActivity;

import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AnimationSet;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
ImageView img;//圖片控件聲明
TextView tv;//文本標簽聲明
Button btn1,btn2,btn3,btn4;//聲明按鈕1/2/3/4

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        img=findViewById(R.id.img);//綁定圖片控件ID
        tv=findViewById(R.id.tv);//綁定文本控件ID
        btn1=findViewById(R.id.btn1);//綁定按鈕1控件ID
        btn2=findViewById(R.id.btn2);//綁定按鈕2控件ID
        btn3=findViewById(R.id.btn3);//綁定按鈕3控件ID
        btn4=findViewById(R.id.btn4);//綁定按鈕4控件ID
    }
//對應按鈕實現功能
    public void myClick(View view) {
        switch (view.getId()){

            //實現使圖片先順時針旋轉再逆時針旋轉按鈕功能
            case R.id.btn1:
                ObjectrotationAnim();//先順時針360度旋轉然后逆時針360度旋轉動畫的函數
                break;
            //實現使圖片圍繞X軸旋轉按鈕功能
            case R.id.btn2:
                ObjectrotationXAnim(); //實現使圖片圍繞X軸旋轉按鈕的函數
                break;
            //實現使圖片可以橫向放大2倍再還原按鈕功能
            case R.id.btn3:
                ObjectscaleAnim();
                break;
            //實現使文字可以飛入按鈕功能
            case R.id.btn4:
                ObjectfeiruAnimator();
                break;

        }

    }
    //實現使文字可以飛入按鈕功能
    private void ObjectfeiruAnimator() {
       ObjectAnimator animator=ObjectAnimator.ofFloat(tv,"translationX",300,0);//文字標簽X軸平移
        ObjectAnimator animator2=ObjectAnimator.ofFloat(tv,"translationY",200,0);//文字標簽Y軸平移
        ObjectAnimator animator3=ObjectAnimator.ofFloat(tv,"alpha",0.0F,1.0F);//設置文字標簽淡入淡出效果（由透明到不透明）
        animator2.setDuration(3000);//設置文字標簽X軸平移持續時長3000毫秒
        animator.setDuration(3000);//設置文字標簽Y軸平移持續時長3000毫秒
        animator3.setDuration(4000);//設置文字標簽淡入淡出持續時長4000毫秒
        AnimatorSet animatorSet=new AnimatorSet();//創建動畫集
        animatorSet.playTogether(animator,animator2,animator3);//組合動畫效果
//        animatorSet.setDuration(5000);
        animatorSet.start();//開始執行動畫（文本飛入效果）
    }

    //實現使圖片可以橫向放大2倍再還原按鈕功能
    private void ObjectscaleAnim() {
        ObjectAnimator animator=ObjectAnimator.ofFloat(img,"ScaleX",1.0F,2.0F,1.0F);//圖片默認X軸不變然后放大2倍然后恢復原樣
        animator.setDuration(4000);//縮放動畫持續時間為4000毫秒
        animator.start();//開始執行動畫(圖片橫向放大2倍動畫)
    }

    //實現使圖片圍繞X軸旋轉按鈕功能
    private void ObjectrotationXAnim() {
      ObjectAnimator animator=ObjectAnimator.ofFloat(img,"rotationX",0.0F,180.0F,00.0F);//圖片默認X軸旋轉
      animator.setDuration(2000);//旋轉動畫持續時間為2000毫秒
      animator.start();//開始執行動畫(圖片X軸旋轉)
    }

    //實現先順時針360度旋轉然后逆時針360度旋轉動畫功能
    private void ObjectrotationAnim() {

        //構造ObjectAnimator對象的方法
        ObjectAnimator animator = ObjectAnimator.ofFloat(img, "rotation", 0.0F, 360.0F,0.0F,-360.0F);//設置先順時針360度旋轉然后逆時針360度旋轉動畫
        animator.setDuration(5000);//設置旋轉時間
        animator.start();//開始執行動畫（順時針旋轉動畫）
    }
}