android 旋转动画_Android自定义View-视图动画

最新推荐文章于 2024-04-03 22:53:05 发布
最新推荐文章于 2024-04-03 22:53:05 发布
阅读量122 收藏
点赞数
文章标签： android 旋转动画 android 缩放动画 android 自定义view如何控制view的高度 android 透明度 android实现贪吃蛇apk 在android中旋转90度后调整宽度和高度

43f1d78f7b54352c9998a79c1cea5063_1440w.jpg?source=172ae18b

1、补间动画

demo地址：

https://github.com/chaozhouzhang/CustomProgressView

1.1、缩放

xml实现

/**
 * <scale xmlns:android="http://schemas.android.com/apk/res/android"
 * android:duration="1000"
 * android:fillAfter="true"
 * android:fillBefore="false"
 * android:fillEnabled="false"
 * android:fromXScale="1.5"
 * android:fromYScale="1.5"
 * android:interpolator="@android:anim/accelerate_interpolator"
 * android:pivotX="50%"
 * android:pivotY="50%"
 * android:repeatCount="infinite"
 * android:repeatMode="reverse"
 * android:toXScale="0.5"
 * android:toYScale="0.5">
 * </scale>
 * 
 * 完成一次动画的持续时间，单位毫秒
 * 动画结束后，停留在结束时的状态
 * 动画结束后，回到开始前的状态
 * 动画结束后，回到开始前的状态
 * 动画开始时空间在X轴相对自身的缩放比例
 * 动画开始时空间在Y轴相对自身的缩放比例
 * 插值器：指定动画效果
 * 缩放起始点X轴坐标：以当前控件的左上角为原点加上：数值、百分数（自身宽度的百分数）、百分数p（父控件宽度的百分数）
 * 缩放起始点Y轴坐标：以当前控件的左上角为原点加上：数值、百分数（自身高度的百分数）、百分数p（父控件高度的百分数）
 * 重复次数：infinite为无限循环
 * 重复模式：reverse为倒序回放；restart为重放，且必须与repeatCount一起使用
 * 动画结束时空间在X轴相对自身的缩放比例
 * 动画结束时空间在Y轴相对自身的缩放比例
 *
 */
private void xmlAnimation() {
    Animation animation = AnimationUtils.loadAnimation(this, R.anim.scale_test);
    mIvTest.startAnimation(animation);
}

代码实现

private void codeAnimation() {
    ScaleAnimation scaleAnimation = new ScaleAnimation(1.5f,0.5f,1.5f,0.5f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
    scaleAnimation.setDuration(1000);
    scaleAnimation.setFillAfter(true);
    scaleAnimation.setFillBefore(false);
    scaleAnimation.setFillEnabled(false);
    scaleAnimation.setRepeatCount(Animation.INFINITE);
    scaleAnimation.setRepeatMode(Animation.REVERSE);
    scaleAnimation.setInterpolator(new AccelerateInterpolator());
    mIvTest.startAnimation(scaleAnimation);
}

1.2、不透明度

xml实现

/**
 * <alpha xmlns:android="http://schemas.android.com/apk/res/android"
 * android:fromAlpha="1.0"
 * android:duration="1000"
 * android:repeatMode="reverse"
 * android:repeatCount="infinite"
 * android:toAlpha="0.1">
 * </alpha>
 * 动画开始时的透明度：0-1
 * 动画结束时的透明度：0-1
 *
 */
 private void xmlAnimation() {
    Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha_test);
    mIvTest.startAnimation(animation);
}

代码实现

private void codeAnimation() {
    AlphaAnimation alphaAnimation = new AlphaAnimation(1.0f,0.1f);
    alphaAnimation.setDuration(1000);
    alphaAnimation.setRepeatCount(Animation.INFINITE);
    alphaAnimation.setRepeatMode(Animation.REVERSE);
    mIvTest.startAnimation(alphaAnimation);
}

1.3、位移

xml实现

/**
 * <translate xmlns:android="http://schemas.android.com/apk/res/android"
 * android:fromXDelta="10%"
 * android:fromYDelta="10%"
 * android:toXDelta="100%"
 * android:toYDelta="100%"
 * android:duration="1000"
 * android:repeatCount="infinite"
 * android:repeatMode="reverse"
 * >
 * </translate>
 * 起始点X轴坐标
 * 起始点Y轴坐标
 * 结束点X轴坐标
 * 结束点Y轴坐标
 *
 */
private void xmlAnimation() {
    Animation animation = AnimationUtils.loadAnimation(this, R.anim.translate_test);
    mIvTest.startAnimation(animation);
}

代码实现

private void codeAnimation() {
    TranslateAnimation translateAnimation = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.1f, Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_SELF, 0.1f, Animation.RELATIVE_TO_SELF, 1.0f);
    translateAnimation.setDuration(1000);
    translateAnimation.setRepeatCount(Animation.INFINITE);
    translateAnimation.setRepeatMode(Animation.REVERSE);
    mIvTest.startAnimation(translateAnimation);
}

1.4、旋转

xml实现

/**
 * <rotate xmlns:android="http://schemas.android.com/apk/res/android"
 * android:fromDegrees="90"
 * android:pivotY="50%"
 * android:pivotX="50%"
 * android:drawable="@color/colorAccent"
 * android:visible="true"
 * android:duration="1000"
 * android:repeatCount="infinite"
 * android:repeatMode="reverse"
 * android:toDegrees="-270"
 * >
 * </rotate>
 * 动画开始旋转时的角度位置：正数顺时针，负数逆时针
 * 动画结束旋转时的角度位置：正数顺时针，负数逆时针
 *
 */
private void xmlAnimation() {
    Animation animation = AnimationUtils.loadAnimation(this, R.anim.rotate_test);
    mIvTest.startAnimation(animation);
}

代码实现

private void codeAnimation(){
    RotateAnimation rotateAnimation = new RotateAnimation(90,-270,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
    rotateAnimation.setDuration(1000);
    rotateAnimation.setRepeatCount(Animation.INFINITE);
    rotateAnimation.setRepeatMode(Animation.REVERSE);
    mIvTest.startAnimation(rotateAnimation);
}

1.5、集合

xml实现

/**
 * <set xmlns:android="http://schemas.android.com/apk/res/android"
 * android:duration="1000"
 * android:fillAfter="true"
 * android:fillBefore="false"
 * android:fillEnabled="false">
 * <scale
 * android:fromXScale="1.5"
 * android:fromYScale="1.5"
 * android:interpolator="@android:anim/accelerate_interpolator"
 * android:pivotX="50%"
 * android:pivotY="50%"
 * android:repeatCount="infinite"
 * android:repeatMode="reverse"
 * android:toXScale="0.5"
 * android:toYScale="0.5">
 * </scale>
 * <alpha
 * android:fromAlpha="1.0"
 * android:repeatMode="reverse"
 * android:repeatCount="infinite"
 * android:toAlpha="0.1">
 * </alpha>
 * <rotate
 * android:fromDegrees="90"
 * android:pivotY="50%"
 * android:pivotX="50%"
 * android:drawable="@color/colorAccent"
 * android:visible="true"
 * android:repeatCount="infinite"
 * android:repeatMode="reverse"
 * android:toDegrees="-270">
 * </rotate>
 * <translate
 * android:fromXDelta="10%"
 * android:fromYDelta="10%"
 * android:toXDelta="100%"
 * android:toYDelta="100%"
 * android:repeatCount="infinite"
 * android:repeatMode="reverse">
 * </translate>
 * </set>
 * set中：repeatCount标签无效
 *
 */
private void xmlAnimation() {
    Animation animation = AnimationUtils.loadAnimation(this, R.anim.set_test);
    mIvTest.startAnimation(animation);
}

代码实现

private void codeSetAnimation() {
    animationSet = new AnimationSet(true);
    animationSet.addAnimation(codeScaleAnimation());
    animationSet.addAnimation(codeAlphaAnimation());
    animationSet.addAnimation(codeRotateAnimation());
    animationSet.addAnimation(codeTranslateAnimation());
    animationSet.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {//动画开始
            Toast.makeText(SetAnimationActivity.this, "动画开始", Toast.LENGTH_SHORT).show();
        }

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

        @Override
        public void onAnimationRepeat(Animation animation) {//动画重复
            Toast.makeText(SetAnimationActivity.this, "重复动画", Toast.LENGTH_SHORT).show();

        }
    });
    mIvTest.startAnimation(animationSet);
}

2、逐帧动画

demo地址：

https://github.com/chaozhouzhang/CustomProgressView

xml实现

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item
        android:drawable="@mipmap/loading_01"
        android:duration="50"></item>
    <item
        android:drawable="@mipmap/loading_02"
        android:duration="50"></item>
    <item
        android:drawable="@mipmap/loading_03"
        android:duration="50"></item>
    <item
        android:drawable="@mipmap/loading_04"
        android:duration="50"></item>
    <item
        android:drawable="@mipmap/loading_05"
        android:duration="50"></item>

    <item
        android:drawable="@mipmap/loading_06"
        android:duration="50"></item>
    <item
        android:drawable="@mipmap/loading_07"
        android:duration="50"></item>
    <item
        android:drawable="@mipmap/loading_08"
        android:duration="50"></item>
    <item
        android:drawable="@mipmap/loading_09"
        android:duration="50"></item>
    <item
        android:drawable="@mipmap/loading_010"
        android:duration="50"></item>

</animation-list>

private void xmlAnimation() {
    AnimationDrawable animationDrawable = (AnimationDrawable) mIvLoading.getDrawable();
    animationDrawable.start();
}

代码实现

/**
 * oneshot 表示是否只执行一次
 */
public void codeAnimation() {
    int num = 10;
    AnimationDrawable animationDrawable = new AnimationDrawable();
    for (int i = 1; i <= num; i++) {
        int id = getResources().getIdentifier("loading_0" + i, "mipmap", getPackageName());
        Drawable drawable = getResources().getDrawable(id);
        animationDrawable.addFrame(drawable, 50);
    }
    animationDrawable.setOneShot(false);
    mIvLoadingCode.setBackgroundDrawable(animationDrawable);
    animationDrawable.start();
}

3、插值器

demo地址：

https://github.com/chaozhouzhang/CustomProgressView

TranslateAnimation translateAnimation = codeAnimation();
switch (v.getId()) {
    case R.id.btn_accelerate_decelerate:
        translateAnimation.setInterpolator(new AccelerateDecelerateInterpolator());
        break;
    case R.id.btn_accelerate:
        translateAnimation.setInterpolator(new AccelerateInterpolator());
        break;
    case R.id.btn_decelerate:
        translateAnimation.setInterpolator(new DecelerateInterpolator());
        break;
    case R.id.btn_linear:
        translateAnimation.setInterpolator(new LinearInterpolator());
        break;
    case R.id.btn_bounce:
        translateAnimation.setInterpolator(new BounceInterpolator());
        break;
    case R.id.btn_overshoot:
        translateAnimation.setInterpolator(new OvershootInterpolator());
        break;
    case R.id.btn_anticipate:
        translateAnimation.setInterpolator(new AnticipateInterpolator());
        break;
    case R.id.btn_anticipate_overshoot:
        translateAnimation.setInterpolator(new AnticipateOvershootInterpolator());
        break;
    case R.id.btn_cycle:
        translateAnimation.setInterpolator(new CycleInterpolator(1));
        break;
    default:
        break;
}
mIvTest.startAnimation(translateAnimation);
weixin_39826971
关注
Android-N屏幕旋转动画
OneSea的专栏
05-27 593
《​Android-N 自动旋转屏幕》分析了自动旋转屏幕的实现，本文重点分析旋转过程的动画实现。
android自定义View-手绘地图
05-15
总结，本项目“android自定义View-手绘地图”涵盖了Android自定义组件的核心技术，包括自定义View和自定义ViewGroup的使用，通过它们可以构建出一个可定制、可交互的地图视图。开发者可以根据实际需求调整绘制逻辑，...
Android 旋转动画简单实现
活在当下！输出快乐！
05-23 2955
文章目录背景实现步骤动画 set xml代码演示 背景 产品优化，需要在启动页添加 loading 提示，通过一个图片 360 度旋转实现。如下图： 实现 步骤 获取 View 对象（这里示例使用 ImageView） 根据 anim resource 加载一个 动画对象 调用 View 对象的 startAnimation 方法开始动画 动画 set xml rotate.xml 如下： <?xml version="1.0" encoding="utf-8"?> <set
Android 旋转动画
songlang90的专栏
08-05 450
public static void startAnimOut(RelativeLayout view, long Offset){ RotateAnimation animation = new RotateAnimation(0,180,view.getWidth()/2,view.getHeight()); animation.setDuration(500)
安卓旋转动画
大叔啊
08-23 503
布局 &lt;android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas...
android 旋转动画
曲洋的博客
11-28 463
1 在res下创建anim文件夹<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <rotate android:interpolator="@android:anim/linear_interpolator" androi
Android_rotate--animation.zip_Android 动画_android_android animati
09-21
Android提供了多种动画类型，包括视图动画(View Animation)和属性动画(Property Animation)系统。本资源“Android_rotate--animation.zip”似乎聚焦于视图动画中的旋转效果，特别是如何在两个图片之间平滑地进行旋转...
BAnim_FilpLibrary.rar_android_自定义动画
09-20
在Android中，有两种主要的动画机制：属性动画（Property Animation）系统和视图动画（View Animation）。属性动画是Android 3.0（API级别11）引入的，它可以改变任何对象的任意属性，不仅限于视图，并且支持帧动画...
android自定义view-动画标签-12种样式-类似小红书标签
10-23
在Android开发中，自定义View是一项重要的技能，它允许开发者根据特定需求创建独特且具有交互性的用户界面元素。本教程将深入探讨如何创建一个自定义的"动画标签"视图，该视图提供了12种不同的样式，并且可以通过...
MyCustomView_等待转圈_等待控件_android_自定义_
09-28
在Android开发中，自定义视图（Custom View）是一种常见的技术，它允许开发者根据特定需求创建独特的用户界面组件。本文将深入探讨如何基于标题“MyCustomView_等待转圈_等待控件_android_自定义_”所暗示的主题，即...
android旋转动画
体验Android编程之美
03-18 562
问题：转完要一周后就会出现速度变慢，不均匀转动 解决：是因为没有设置匀速 LinearInterpolator lin = new LinearInterpolator();   myAnimation_Rotate.setInterpolator(lin);
Android【旋转动画】
w_Eternal的博客
01-04 2682
旋转动画（可加速、减速） 1、准备工作 首先需要有一个用于旋转的图片 需要考虑如何开始、结束、加速、减速 2、加速减速原理 本次的动画采用RotateAnimation，初始化需要的参数如下 public RotateAnimation(float fromDegrees,float toDegrees,int pivotXType,float pivotXValue,int pivotYType, float pivotYValue) { mFromDegrees = fromDegrees;//
android运用旋转动画
weixin_33798152的博客
10-08 111
Android 平台提供了两类动画，一类是 Tween 动画，即通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果；第二类是 Frame 动画，即顺序播放事先做好的图像。本文分析 Tween动画的rotate实现旋转效果。下面直接给出代码，并且附近中有完整的demo，具体不多说，直接上代码，附近中有项目demo可供下载。主类：public class MainA...
Android-Rotate3D是一个3D旋转动画库
08-13
Rotate3D是一个3D旋转动画库
Android 安卓动画 属性动画 - 旋转动画
最新发布
2401_84010224的博客
04-03 1227
Buttonandroid:text=“点击演示动画”
TestApp-master_zoo3s3_android_分组图表_属性动画_android音频动画_
10-01
属性动画是Android 3.0（API级别11）引入的一种新的动画系统，它允许开发者对对象的属性进行动画化处理，而不仅仅是改变视图的位置和大小。与传统的帧动画相比，属性动画更为灵活，可以作用于任何对象，无论是View...
Android 自定义View-旋转小按钮（修复bug）
08-12
总的来说，"Android自定义View-旋转小按钮"项目涵盖了自定义View的基本流程，包括继承View类、重写`onDraw()`、实现动画效果、设置可配置属性以及处理用户交互。这个案例对于深入理解Android UI编程非常有帮助。
《Android Y轴旋转动画Animation》
墨客联盟
02-10 6686
一、业务需求     需要对一个button进行动画以Y轴为中心旋转的动画效果 二、动画效果 三、业务需求分析     1.  如上图实现的一种3D效果的旋转效果，常规无法实现，我们需要自定义一个动画；     2.  中心坐标轴为图的中心，可根据自己的需求进行设置，最好为Y轴对称控件，画View控件完成一次动画的时间为3秒；     3. 设置旋转轴和旋转角度，并启动动画；  ...
Android旋转动画不停顿,Android旋转动画不停顿
weixin_35182419的博客
05-25 416
package com.example.demoandroid;import android.app.Activity;import android.os.Bundle;import android.view.MotionEvent;import android.view.animation.Animation;import android.view.animation.Animation.Ani...
Android view动画之旋转动画
weixin_44021334的博客
03-17 2376
本例效果：旋转360° 。 对，就是转一圈而已。 方法一 用 AnimationUtils 和 xml 的方式。 Animation rotateAnimation = AnimationUtils.loadAnimation(mContext, R.anim.rotate_animation); rotateAnimation.setFillAfter(true); mImageView.startAnimation(rotateAnimation); rotate_animation.xml <
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值