android的xml动画入门

最新推荐文章于 2022-08-29 15:48:41 发布
最新推荐文章于 2022-08-29 15:48:41 发布
阅读量539 收藏
点赞数
分类专栏： android 文章标签： android 动画

简单用xml实现几种动画效果。建议阅读参考文章。

原文

android的xml动画入门

参考文章

【Android 基础】Animation 动画介绍和实现

xml几种动画介绍

No.NameDetail
1alpha透明度
2scale缩放
3translate位移
4rotate旋转

效果图

img

代码如下

MainActivity.java

package com.qefee.pj.testanim;

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.Button;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    ImageView imageView;

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

        imageView = (ImageView) findViewById(R.id.imageView);

        Button alphaButton = (Button) findViewById(R.id.alphaButton);
        Button scaleButton = (Button) findViewById(R.id.scaleButton);
        Button transButton = (Button) findViewById(R.id.transButton);
        Button rotateButton = (Button) findViewById(R.id.rotateButton);

        doAnim(alphaButton, R.anim.anim_alpha, R.anim.anim_alpha_inverse); // 透明度
        doAnim(scaleButton, R.anim.anim_scale, R.anim.anim_scale_inverse); // 缩放
        doAnim(transButton, R.anim.anim_trans, R.anim.anim_trans_inverse); // 位移
        doAnim(rotateButton, R.anim.anim_rotate, R.anim.anim_rotate_inverse); // 旋转
    }

    private void doAnim(Button scaleButton, final int anim, final int animInverse) {
        scaleButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Animation animation = AnimationUtils.loadAnimation(MainActivity.this, anim);

                // 设置动画监听
                animation.setAnimationListener(new Animation.AnimationListener() {
                    @Override
                    public void onAnimationStart(Animation animation) {
                        Toast.makeText(MainActivity.this, "动画开始了", Toast.LENGTH_SHORT).show();
                    }

                    @Override
                    public void onAnimationEnd(Animation animation) {
                        Toast.makeText(MainActivity.this, "动画结束了", Toast.LENGTH_SHORT).show();

                        // 动画结束后执行恢复动画
                        Animation animation1 = AnimationUtils.loadAnimation(MainActivity.this, animInverse);
                        imageView.startAnimation(animation1);
                    }

                    @Override
                    public void onAnimationRepeat(Animation animation) {
                        Toast.makeText(MainActivity.this, "动画重播了", Toast.LENGTH_SHORT).show();
                    }
                });
                imageView.startAnimation(animation);
            }
        });
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.qefee.pj.testanim.MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/buttonsLayout"
        android:layout_alignParentEnd="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true">
        <ImageView
            android:id="@+id/imageView"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_centerInParent="true"
            android:src="@mipmap/ic_launcher"/>
    </RelativeLayout>

    <LinearLayout
        android:id="@+id/buttonsLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentStart="true"
        android:orientation="horizontal"
        android:weightSum="4">

        <Button
            android:id="@+id/alphaButton"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="alpha" />

        <Button
            android:id="@+id/scaleButton"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="scale" />

        <Button
            android:id="@+id/transButton"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="trans" />

        <Button
            android:id="@+id/rotateButton"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="rotate" />
    </LinearLayout>
</RelativeLayout>

anim_alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:duration="1500"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:shareInterpolator="true">

    <!--
    fillAfter: 如果为true,动画结束后保留动画结果。否则恢复。
    duration: 动画时间。
    interpolator: 动画效果。
    shareInterpolator: 是否与子元素共享动画效果。
    -->

    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.1"/>
</set>

anim_alpha_inverse.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:duration="1500"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:shareInterpolator="true">

    <!--
    fillAfter: 如果为true,动画结束后保留动画结果。否则恢复。
    duration: 动画时间。
    interpolator: 动画效果。
    shareInterpolator: 是否与子元素共享动画效果。
    -->

    <alpha
        android:fromAlpha="0.1"
        android:toAlpha="1.0" />
</set>

anim_rotate.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:duration="1500"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:shareInterpolator="true">

    <!--
    fillAfter: 如果为true,动画结束后保留动画结果。否则恢复。
    duration: 动画时间。
    interpolator: 动画效果。
    shareInterpolator: 是否与子元素共享动画效果。
    -->

    <rotate
        android:fromDegrees="0"
        android:toDegrees="180"
        android:pivotX="50%"
        android:pivotY="50%"/>

    <!--
    pivotX: x支点
    pivotY: y支点
    -->
</set>

anim_rotate_inverse.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:duration="1500"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:shareInterpolator="true">

    <!--
    fillAfter: 如果为true,动画结束后保留动画结果。否则恢复。
    duration: 动画时间。
    interpolator: 动画效果。
    shareInterpolator: 是否与子元素共享动画效果。
    -->

    <rotate
        android:fromDegrees="180"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"/>

    <!--
    pivotX: x支点
    pivotY: y支点
    -->
</set>

anim_scale.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:duration="1500"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:shareInterpolator="true">

    <!--
    fillAfter: 如果为true,动画结束后保留动画结果。否则恢复。
    duration: 动画时间。
    interpolator: 动画效果。
    shareInterpolator: 是否与子元素共享动画效果。
    -->

    <scale
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:toXScale="2.0"
        android:toYScale="2.0"
        android:pivotX="50%"
        android:pivotY="50%" />

    <!--
    pivotX: x支点
    pivotY: y支点
    -->
</set>

anim_scale_inverse.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:duration="1500"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:shareInterpolator="true">

    <!--
    fillAfter: 如果为true,动画结束后保留动画结果。否则恢复。
    duration: 动画时间。
    interpolator: 动画效果。
    shareInterpolator: 是否与子元素共享动画效果。
    -->

    <scale
        android:fromXScale="2.0"
        android:fromYScale="2.0"
        android:toXScale="1.0"
        android:toYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%" />

    <!--
    pivotX: x支点
    pivotY: y支点
    -->
</set>

anim_trans.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:duration="1500"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:shareInterpolator="true">

    <!--
    fillAfter: 如果为true,动画结束后保留动画结果。否则恢复。
    duration: 动画时间。
    interpolator: 动画效果。
    shareInterpolator: 是否与子元素共享动画效果。
    -->

    <translate
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="100"
        android:toYDelta="100" />
</set>

anim_trans_inverse.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:duration="1500"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:shareInterpolator="true">

    <!--
    fillAfter: 如果为true,动画结束后保留动画结果。否则恢复。
    duration: 动画时间。
    interpolator: 动画效果。
    shareInterpolator: 是否与子元素共享动画效果。
    -->

    <translate
        android:fromXDelta="100"
        android:fromYDelta="100"
        android:toXDelta="0"
        android:toYDelta="0" />
</set>
Android应用开发：动画开发——XML动画
Feed Technology
09-11 7600
引言 当今，Android、IOS二分天下，什么Tizen、COS blabla的均为蝼蚁，一看就知道是为打发领导或为花研发资金产出的产品，根本不是为了赢得市场，为的只是博得领导一笑而已，完全可以忽视。而Android开发又因为开发语言以Java为主，入门门槛极低导致基本上是个程序员，泡两天EOE，或Android Developer Training都可以过来说“哥会开发Android
android compose 从入门到精通 新手必备
最新发布
06-02
3. Migrating from XML：从传统的XML布局迁移到Compose，需要理解两种方式的差异并进行适配。 七、实战项目 通过实践创建一个简单的计数器应用，了解如何定义状态、处理事件和更新UI。此外，可以尝试实现复杂功能...
android使用xml编写动画以及android的布局动画
03-23
android使用xml编写动画以及android的布局动画，如何使用xml文件编写和调用动画
android动画XML
bn_cn_icecool的博客
01-27 257
Android动画解析 1.淡出效果 <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="500" /> <
安卓xml动画
weixin_30945039的博客
06-01 143
1.淡入淡出效果： 在res—下新建文件夹anim（animation的简称） anim下新建文件demo.xml <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:fromAlpha="0.5" android:t...
Android使用XML做动画UI
萌萌的It人 www.itmmd.com
07-11 2740
在Android应用程序，使用动画效果，能带给用户更好的感觉。做动画可以通过XML或Android代码。本教程中，介绍使用XML来做动画。在这里，介绍基本的动画，如淡入，淡出，旋转等。 效果: http://www.56.com/u82/v_OTM4MDk5MTk.html 第一步: 创建anim文件夹放置动画xml文件 在res文件夹下，创建一个anim的子文件夹。          
Android中的XML动画
心雨楼
10-08 126
在App中加入一些动画效果会让界面更加丰富多彩，动画可以通过XML定义来实现，当然也可以通过代码来实现， 动画效果一般使用在界面切换之间的效果，或者加载一些界面的效果，比如淡入淡出之类的。 通过XML创建一个动画是很简单的，只需要简单的xml和简单一些代码就可以完成 1.创建XML定义文件，位于res-...
Android开发从入门到精通【视频教程+课程源码】.rar
09-26
接下来，教程会深入到Android应用程序的基本元素，如Activity（活动）——它是用户界面的主要容器，Intent（意图）——用于在组件间通信，以及Layout（布局）——定义用户界面的XML文件。此外，还会介绍服务...
Android 3.0 动画入门指南
4. XML动画：书中会详细介绍如何使用XML文件来定义和管理动画，这种方法使得动画逻辑与Java代码分离，便于维护和复用。 5. 动画组合：学习如何将多个简单的动画组合在一起，创建复杂的动画序列。这包括同时运行多个...
android动画xml参数解析
Picasso_L的专栏
05-03 2880
本博客主要讲述的是3.0属性动画之前的动画xml参数 1 alpha 渐变透明度动画效果 xml version="1.0" encoding="utf-8"?> set xmlns:android="http://schemas.android.com/apk/res/android" > alpha android:duration="1
Android--xml实现组合动画
weixin_47118034的博客
08-29 3292
这里主要告诉小伙伴们如何通过xml去实现安卓的动画，从如何创建animator，到最终实现动画效果，中间包括介绍了各个动画属性，系统自带插值器，以及如何使用插值器增添动画效果。
android xml动画详解,在xml中写动画的实例详解
weixin_33304896的博客
05-25 1136
1. SelectorAndroid中的Selector主要是用来改变ListView和Button控件的默认背景。1.创建mylist_view.xml文件首先在res目录下新建drawable文件夹，再在新建的drawable文件夹中新建mylist_view.xml，其目录结构为：res/drawable/mylist_view.xml。2.根据具体需求编辑mylist_view.xml文件...
Android动画之XML(二)
热门推荐
卡尔
09-06 1万+
Animation也可以放在XML文件中，这样程序的可维护性提高了。在XML中写动画的步骤如下 1.在res文件夹下面新建一个名为anim的文件夹 2.创建xml文件，并首先加入set标签，改标签如下     android:interpolator="@android:anim/accelerate_interpolator">    3.在该标签当中加入rotate，al
Android xml布局实现动画
andidia的专栏
08-19 683
具体介绍上一章已经解释的很清楚了，这里直接上代码：   路径res/anim alpha_animation.xml: http://schemas.android.com/apk/res/android" > android:fromAlpha="0.1" android:toAlpha="1.0" android:duration="2000" />   ro
Android 组合动画（xml）
zhengyongbo的博客
09-04 1476
1.res/anim文件下创建xml 相关说明 如果使用p父类属性注意动画指定视图的大小 android:fillAfter=”true” 动画结束后保持结束后状态 <set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true" android:sh
Android 帧动画 xml 方式实现
代码小疯子
05-17 1147
在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就是不知为什么，如果你迷茫，不妨来瞅瞅码农的轨迹。 如果你有兴趣 你可以关注一下公众号 biglead 来获取最新的学习资料。 将一组动作相近的图片组合在一起，然后按照一定的时间来播放，就会形成一个动画，我们可以称之为帧动画。 在 Android 中可通过结合 xml 的方式来轻松实现。 1 创建 xml 动画文件 在 Android .
android编程xml动画,Android中xml设置Animation动画效果详解
weixin_42386361的博客
05-25 549
在Android中，Animation动画效果的实现可以通过两种方式进行实现，一种是tweened animation渐变动画，另一种是frame by frame animation画面转换动画。tweened animation渐变动画有以下两种类型：1.alpha 渐变透明度动画效果2.scale 渐变尺寸伸缩动画效果frame by frame animation画面转换动画有以下...
Android XML动画资源文件详细讲解(上)
Javen天道酬勤
09-01 1672
前言 此篇主要介绍动画资源Property Animation。 android动画资源可以分2中类型：一种是以Property为单位动画效果，这种类型的动画主要是对某一个或者多个属性设置动画效果，比如textColor，layout_x等；另一种是以View为单位的动画效果，比如Tween Animation（补间动画）和Frame Animation（逐帧动画）。 Tween  一、Pro
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值