Android动画

最新推荐文章于 2022-11-27 12:46:00 发布
原创 最新推荐文章于 2022-11-27 12:46:00 发布 · 100 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

补间动画

xml文件
透明

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromAlpha="1"
    android:duration="2000"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:toAlpha="0.1">
</alpha>

旋转

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:interpolator="@android:anim/bounce_interpolator"
    android:fromDegrees="0"
    android:toDegrees="360"
    android:pivotX="50"
    android:pivotY="50"
    >

</rotate>

缩放

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:interpolator="@android:anim/bounce_interpolator"
    android:fromXScale="1"
    android:toXScale="0.5"
    android:fromYScale="1"
    android:toYScale="1.5"
    android:pivotY="50"
    android:pivotX="50"
    >

</scale>

平移

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:interpolator="@android:anim/bounce_interpolator"
    android:fromYDelta="0"
    android:toYDelta="300"
    android:fromXDelta="0"
    android:toXDelta="300"
    >

</translate>

activity中代码

package com.fenghongzhang.anim.tween;

import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.AnimationUtils;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

import com.fenghongzhang.anim.R;

public class TweenActivity extends AppCompatActivity {

    private Button btn;
    private Button btn1;
    private Button btn2;
    private Button btn3;
    private ImageView img;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_tween);
        initView();
    }

    public void btn(View view) {
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha);
        img.startAnimation(animation);
    }

    public void btn1(View view) {
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.rotate);
        img.startAnimation(animation);
    }

    public void btn2(View view) {
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.scale);
        img.startAnimation(animation);
    }

    public void btn3(View view) {
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.translate);
        img.startAnimation(animation);
    }

    private void initView() {
        btn = (Button) findViewById(R.id.btn);
        btn1 = (Button) findViewById(R.id.btn1);
        btn2 = (Button) findViewById(R.id.btn2);
        btn3 = (Button) findViewById(R.id.btn3);
        img = (ImageView) findViewById(R.id.img);
    }
}

帧动画

xml文件
先放入找好的图片

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/anim1" android:duration="200"></item>
    <item android:drawable="@drawable/anim2" android:duration="200"></item>
    <item android:drawable="@drawable/anim3" android:duration="200"></item>
    <item android:drawable="@drawable/anim4" android:duration="200"></item>
    <item android:drawable="@drawable/anim5" android:duration="200"></item>
    <item android:drawable="@drawable/anim6" android:duration="200"></item>
    <item android:drawable="@drawable/anim7" android:duration="200"></item>
    <item android:drawable="@drawable/anim8" android:duration="200"></item>
    <item android:drawable="@drawable/anim9" android:duration="200"></item>
    <item android:drawable="@drawable/anim10" android:duration="200"></item>
    <item android:drawable="@drawable/anim11" android:duration="200"></item>
    <item android:drawable="@drawable/anim12" android:duration="200"></item>
</animation-list>

activity代码

package com.example.day05;

import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

import androidx.appcompat.app.AppCompatActivity;

public class Main2Activity extends AppCompatActivity {


    private Button bnt;
    private ImageView img;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        initView();
        bnt.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                img.setImageResource(R.drawable.kawayi);
                AnimationDrawable drawable = (AnimationDrawable) img.getDrawable();
                drawable.start();
            }
        });
    }


    private void initView() {
        bnt = (Button) findViewById(R.id.bnt);
        img = (ImageView) findViewById(R.id.img);
    }
}

属性动画

ValueAnimator

java代码

package com.fenghongzhang.anim;

import android.animation.ValueAnimator;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;

import androidx.appcompat.app.AppCompatActivity;

public class Main2Activity extends AppCompatActivity {

    private static final String TAG = "Main2Activity";
    private Button btn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        initView();
    }

    public void btn(View view) {
        ValueAnimator valueAnimator = ValueAnimator.ofInt(btn.getLayoutParams().width, 500);
        //动画时间
        valueAnimator.setDuration(2000);
        //重复次数
        valueAnimator.setRepeatCount(3);
        //重复方向,
        valueAnimator.setRepeatMode(ValueAnimator.REVERSE);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                //改变的值
                Integer animatedValue = (Integer) animation.getAnimatedValue();
                Log.i(TAG, "onAnimationUpdate: "+animatedValue);

                btn.getLayoutParams().width = animatedValue;
                btn.requestLayout();
            }
        });

        valueAnimator.start();
    }

    private void initView() {
        btn = (Button) findViewById(R.id.btn);
    }
}

xml文件

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:repeatCount="1"
    android:repeatMode="reverse"

    android:propertyName="translationX"
    android:valueFrom="100"
    android:valueTo="400"

    android:interpolator="@android:anim/accelerate_interpolator"
    android:valueType="floatType" />

<!--android:valueFrom="0"   // 初始值
    android:valueTo="100"  // 结束值
    android:valueType="intType" // 变化值类型 ：floatType & intType

//重要
 android:propertyName="rotation" alpha scaleX或者scaleY  translationX 变化的方式. 透明,旋转.移动

    android:duration="3000" // 动画持续时间（ms），必须设置，动画才有效果
    android:startOffset ="1000" // 动画延迟开始时间（ms）
    android:fillBefore = “true” // 动画播放完后，视图是否会停留在动画开始的状态，默认为true
    android:fillAfter = “false” // 动画播放完后，视图是否会停留在动画结束的状态，优先于fillBefore值，默认为false
    android:fillEnabled= “true” // 是否应用fillBefore值，对fillAfter值无影响，默认为true
    android:repeatMode= “restart” // 选择重复播放动画模式，restart代表正序重放，reverse代表倒序回放，默认为restart|
    android:repeatCount = “0” // 重放次数（所以动画的播放次数=重放次数+1），为infinite时无限重复
    android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影响动画的播放速度,下面会详细讲
-->

java代码

   public void btn1(View view) {
        Animator animator = AnimatorInflater.loadAnimator(this, R.animator.bianhua);
        animator.setTarget(btn1);
        animator.start();
    }

使用 ObjectAnimator 实现四种动画

alpha
scaleX/scaleY
translateX/translateY
rotation

java 代码

public void btn2(View view) {
//        final ObjectAnimator animator = ObjectAnimator.ofFloat(btn, "alpha", 0, 1);
//        ObjectAnimator animator = ObjectAnimator.ofFloat(btn, "translationX", 0, 200);
//        ObjectAnimator animator = ObjectAnimator.ofFloat(btn, "translationY", 0, 200, 100);
//        ObjectAnimator animator = ObjectAnimator.ofFloat(btn, "scaleX", 1, 5);
//        ObjectAnimator animator = ObjectAnimator.ofFloat(btn, "scaleY", 1, 5);
//        ObjectAnimator animator = ObjectAnimator.ofFloat(btn, "rotation", 0, 270);
        ObjectAnimator animator = ObjectAnimator.ofFloat(btn, "rotationY", 0, 180, -100);

        animator.setDuration(2000);
        animator.setRepeatCount(2);
        animator.setInterpolator(new AccelerateInterpolator());
//        animator.setInterpolator(new DecelerateInterpolator());
        animator.setRepeatMode(ValueAnimator.RESTART);
        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {

            }
        });
        animator.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {
                
            }

            @Override
            public void onAnimationEnd(Animator animation) {

            }

            @Override
            public void onAnimationCancel(Animator animation) {

            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });
        animator.start();
    }

AnimationSet 动画集合

  AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.setDuration(3000);
        animatorSet.setInterpolator(new LinearInterpolator());

        ObjectAnimator translationX = ObjectAnimator.ofFloat(btn, "translationX", 0, 300);
        ObjectAnimator rotation = ObjectAnimator.ofFloat(btn, "rotation", 0, 720);
        ObjectAnimator scaleX = ObjectAnimator.ofFloat(btn, "scaleX", 1, 5);
        ObjectAnimator scaleY = ObjectAnimator.ofFloat(btn, "scaleY", 1, 5);
        ObjectAnimator alpha = ObjectAnimator.ofFloat(btn, "alpha", 1, 0);

        //顺序播放
        animatorSet.playSequentially(translationX, rotation, scaleX, scaleY, alpha);
        //同时执行
//        animatorSet.playTogether(scaleX, scaleY);
        animatorSet.start();
寡义
关注
Android 动画
天逸的博客
04-17 2663
在 Android 中，动画是实现动态效果的重要工具。Android 提供了多种动画框架，主要包括 属性动画、视图动画 和 帧动画。
android app启动动画的实现
自带橡皮的铅笔的博客
02-07 5401
android app启动动画的实现：先出现app logo再出现注册登录界面 先看看效果图 下面介绍具体实现步骤 1 MainActivity代码实现：主要是动画的切换 public class MainActivity extends AppCompatActivity { ImageView logoView; View loginFragment; View r...
Android动画集合开源APP
01-13
BaseAnimation,如果有新版本会自动提醒大家更新,也希望大家多多贡献自己的动画xml文件或者其他源码,一起来打造这个开源的app 博客地址:http://blog.youkuaiyun.com/duguang77/article/details/18230867
【Android】App开发-动画效果篇
m0_61151031的博客
11-27 4487
在我们玩手机的过程中，如果我们点击某一个页面时，会出现一个页面动画加载或者动画效果的现象。现在我们就来看看App开发中是如何实现动画效果的。
Android Activity跳转动画,让你的APP瞬间绚丽起来
weixin_33766805的博客
04-18 1321
我们都知道绚丽的APP总会给用户耳目一新的感觉,为了抓住用户更大网络公司使出浑身解数让自己的产品更绚丽,而绚丽最简单的效果就是Activity跳转效果,不仅可以让用户看起来舒服,而且实现起来也特别简单,好,下面就让我们实现这些效果,告别原生态的跳转效果吧! 首先新建一个Android项目，起名叫作AndroidSwitch。实在不知道起什么名字了,就有道了一个这样的名字，首先让我们先看一下XML...
Android各种动画效果
悟-静的博客
06-08 7038
现在开发的软件是越来越炫酷了，各种各样的动画都会出现，吸引用户的眼球。客户的需求才是我们做技术能力提升的条件，这就使我们对动画实现要更加的熟练包括一些自定义控件快速的运用和编写。最近，我也搜集了很多关于动画的样式，供大家有需求的可以查看，每一个样式我都会把demo链接。我发现我的语言组织能力越来越差了，可能是很久没有写过文章，或许是我们做技术的会渐渐的丧失这方面能力，毕竟说话的时间较少全部都用代码
精选资源
Android动画效果的强悍框架
10-28
首先，让我们了解Android中的基本动画类型。Android支持两种主要的动画机制：补间动画（Tween Animation）和帧动画（Frame Animation）。补间动画用于改变视图的位置、大小、透明度等属性，它通过在一段时间内平滑地...
android 动画被父布局遮盖问题解决1
08-08
在Android开发中，动画效果是提升用户体验的重要手段。然而，有时候在实现动画过程中，我们可能会遇到这样一个问题：当一个View执行动画并移出其父布局时，它会被父布局自动裁剪，导致动画效果不完整。这个问题在...
Android动画之仿美团加载数据等待时小人奔跑进度动画 程序源码
01-27
在Android中，动画可以分为两种主要类型：补间动画（Tween Animation）和帧动画（Frame Animation）。在这个项目中，我们可能会用到补间动画，因为它更适合模拟连续的平滑动作，比如小人的奔跑。 补间动画是通过...
android 动画
08-09
这篇博客主要探讨了Android中的动画技术，并提供了相关资源，链接为。 Android动画主要分为两种类型：属性动画（Property Animation）和视图动画（View Animation）。视图动画是早期Android版本中的动画系统，主要...
Android APP启动界面（动画）
JONO007的专栏
10-14 4277
首先定义基类BaseActivitypublic abstract class BaseActivity extends AppCompatActivity {实现类SplashActivitypublic class SplashActivity extends BaseActivity { @BindView(R.id.iv_logo) ImageView mIvLogo;
直播App中Android酷炫礼物动画实现方案（上篇）
热门推荐
技术视界
10-26 1万+
在当下移动直播火爆的年代，如果你曾经使用过移动端直播应用，相信会被里面那令人惊叹的礼物动画效果迷住，比如像下面这样的效果。 从开发人员的角度来看，这样的效果虽然漂亮，实现但却是一大挑战，除了要考虑编码实现的效率、性能表现外，还要结合直播业务本身的特性等。 实现思路 首先，从实现思路方面入手，有以下几个方案作为考虑： 方案一：帧动画； 方案二：属性动画；
Android 设置应用启动动画
YDDUONG的博客
02-15 8684
流程如下： 导入一张图片到Android项目中去 新建一个welcomeActivity 修改ActivityManifest文件 1.导入一张图片到Android项目 找到一张图片，粘贴复制到项目下drawable目录下（注意图片的名字，只能是小写字母、数字和下划线组成） 2.新建welcomeActivity 2.1 修改布局文件activity_welcome.xml（添加一个Imag...
android为应用程序添加退出动画
懒人日志
08-17 4402
原本想搞一个退出程序时，把前一个应用程序的ＶＩＥＷ或者截图抓过来为我用，以实现更复杂的动画效果，尝试了很多方法，但都有或多或少的缺陷，可惜最后失败了。不过也算有所得。写文以标记。其实抓图在4.0以后的版本中，还是很容易实现的，因为系统有十分完美的自带的截图。只要有源码，可以修改系统，通过执行screencap 和screenshot命令可以实现。public static boolean Root
Android除了三大动画，还有哪些动画？
追yi流年
06-22 1725
在上一篇博客Android的三种动画详解 中讲解了Android的帧动画、View动画（补间动画）、属性动画。 这三种动画已能解决绝大部分需求，但实际上，随着Android的发展，有越来越多的动画产生，有的是Android原生的，有的是三方开源的，本文就此做了一个简单的梳理。 1、Lottie动画（三方开源） Lottie是Airbnb开源的一个支持 Android、iOS 以及 ReactNa...
0929安卓app启动动画的设置
我也想当个程序员
02-26 1273
http://blog.youkuaiyun.com/gaofang2009/article/details/70597888http://blog.youkuaiyun.com/moniteryao/article/details/52911908
Android APP开发中动画使用总结
01-23 597
1.将view在x方向上进行平移 ObjectAnimator translationX = ObjectAnimator.ofFloat(lpContent, "translationX", 0, 360); translationX.setInterpolator(new AccelerateDecelerateInterpolator()); ...
Android应用的欢迎界面动画实现
Xsinwa的博客
03-21 3607
一、动画基础知识       1、动画种类： Android动画有四大类，分别是AlphaAnimation、ScaleAnimation、TranslateAnimation和RotateAnimation，功能对照如下： AlphaAnimation 渐变透明动画效果 ScaleAnimation 渐变缩放动画效果 TranslateAnim
Android动画设计原理与分析
在深入探讨Android动画设计基础之前，首先需要了解Android系统中动画的基本概念和分类。动画是Android用户界面(User Interface, UI)中不可或缺的一部分，它能够带来流畅、自然的用户体验。Android动画主要分为三类：...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值