Android 动画

最新推荐文章于 2024-04-28 09:08:32 发布

DistanceZK

最新推荐文章于 2024-04-28 09:08:32 发布

阅读量207

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/zhangkaidsy/article/details/74852575

版权

Android 专栏收录该内容

36 篇文章 5 订阅

订阅专栏

动画分类：

ViewAnimation

补间动画 Tween Animation

帧动画 Frame Animation

PropertyAnimation(3.0)

补间动画，帧动画，属性动画

1.补间动画Tween

alpha rotate scale translate

2.动画监听

AnimationListener

3.帧动画

Frame

首先给大家讲一下补间动画：

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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"
    android:orientation="vertical"
    tools:context="com.zking.administrator.g160628_android17_animation.MainActivity">

    <ImageView
        android:layout_width="300dp"
        android:layout_height="200dp"
        android:src="@drawable/heart"
        android:id="@+id/iv_main_image"
        />
    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="alpha"
            android:onClick="operation"
            android:id="@+id/btn_main_alpha"
            />
        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="rotate"
            android:onClick="operation"
            android:id="@+id/btn_main_rotate"
            />
<Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="scale"
            android:onClick="operation"
            android:id="@+id/btn_main_scale"
            />
<Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="translate"
            android:onClick="operation"
            android:id="@+id/btn_main_translate"
            />
        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="all"
            android:onClick="operation"
            android:id="@+id/btn_main_all"
            />
    </LinearLayout>
    </HorizontalScrollView>
</LinearLayout>

Activity文件

package com.zking.administrator.g160628_android17_animation;

import android.animation.ObjectAnimator;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private ImageView iv_main_image;
    private Animation animation;
    private Animation animation2;
    private Animation animation1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv_main_image = (ImageView) findViewById(R.id.iv_main_image);

        iv_main_image.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, "点击了图片", Toast.LENGTH_SHORT).show();
            }
        });
        
        
    }
    public void operation(View view){
        switch (view.getId()) {
            case R.id.btn_main_alpha:
                //加载动画
                animation = AnimationUtils.loadAnimation(this, R.anim.iv_alpha);
                break;
            case R.id.btn_main_rotate:
                //加载动画
                 animation=AnimationUtils.loadAnimation(this,R.anim.iv_rotate);
                break;
            case R.id.btn_main_scale:
                //加载动画
                //缩动画
                animation1 = AnimationUtils.loadAnimation(this, R.anim.iv_scale);
                //放动画
                animation2 = AnimationUtils.loadAnimation(this, R.anim.iv_scale2);
                //给动画设置监听
                animation1.setAnimationListener(new Animation.AnimationListener() {
                    @Override
                    public void onAnimationStart(Animation animation) {

                    }

                    @Override
                    public void onAnimationEnd(Animation animation) {
                          iv_main_image.startAnimation(animation2);
                    }

                    @Override
                    public void onAnimationRepeat(Animation animation) {

                    }
                });
                animation2.setAnimationListener(new Animation.AnimationListener() {
                    @Override
                    public void onAnimationStart(Animation animation) {

                    }

                    @Override
                    public void onAnimationEnd(Animation animation) {
                        iv_main_image.startAnimation(animation1);
                    }

                    @Override
                    public void onAnimationRepeat(Animation animation) {

                    }
                });
                //给图片开启动画
                iv_main_image.startAnimation(animation1);
                return;
            case R.id.btn_main_translate:
                //加载动画
                //animation=AnimationUtils.loadAnimation(this,R.anim.iv_translate);

                //使用属性动画实现图片的移动
                ObjectAnimator.ofFloat(iv_main_image,"translationX",0,200).setDuration(2000).start();
                ObjectAnimator.ofFloat(iv_main_image,"translationY",0,200).setDuration(2000).start();

                break;
            case R.id.btn_main_all:
                animation=AnimationUtils.loadAnimation(this,R.anim.iv_all);
                break;
        }
       // iv_main_image.startAnimation(animation);

    }
}

再给大家讲一下桢动画：

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.zking.administrator.g160628_android17_animation.FrameActivity">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/iv_frame_image"
        android:background="@drawable/iv_frame"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="开始"
        android:onClick="start"
        />


</LinearLayout>

Activity文件：

package com.zking.administrator.g160628_android17_animation;

import android.graphics.drawable.AnimationDrawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

public class FrameActivity extends AppCompatActivity {

    private ImageView iv_frame_image;
    private AnimationDrawable animationDrawable;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_frame);
        iv_frame_image = (ImageView) findViewById(R.id.iv_frame_image);
        animationDrawable = (AnimationDrawable) iv_frame_image.getBackground();
    }
    public void start(View view){
        animationDrawable.start();
    }
}