Android旋转、平移、缩放和透明度渐变的补间动画

 更新时间:2018年04月26日 17:27:55   作者:u013517797  
这篇文章主要实现Android旋转、平移、缩放和透明度渐变的补间动画,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下

android实现旋转、平移、缩放和透明度渐变的补间动画,具体实现如下:

1.在新建项目的res目录中,创建一个名为anim的目录,并在该目录中创建实现旋转、平移、缩放和透明度渐变的动画资源文件。

透明度渐变的动画资源文件anim_alpha.xml(完全不透明->完全透明->完全不透明)

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
 <alpha android:fromAlpha="1" 
 android:toAlpha="0" 
 android:fillAfter="true" 
 android:repeatMode="reverse" 
 android:repeatCount="1" 
 android:duration="2000"/> 
</set> 

旋转的动画资源文件anim_rotate.xml(0度->720度->360度->0度)

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

缩放动画资源文件anim_scale.xml(放大2倍->收缩回来)

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
 <scale android:fromXScale="1" 
 android:interpolator="@android:anim/decelerate_interpolator" 
 android:fromYScale="1" 
 android:toXScale="2.0" 
 android:toYScale="2.0" 
 android:pivotX="50%" 
 android:pivotY="50%" 
 android:fillAfter="true" 
 android:repeatCount="1" 
 android:repeatMode="reverse" 
 android:duration="2000"/> 
 </set> 

平移动画资源文件anim_translate.xml(屏幕左侧->屏幕右侧->屏幕左侧)

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
 <translate 
 android:fromXDelta="0" 
 android:toXDelta="860" 
 android:fromYDelta="0" 
 android:toYDelta="0" 
 android:fillAfter="true" 
 android:repeatMode="reverse" 
 android:repeatCount="1" 
 android:duration="2000"/> 
</set> 

主界面资源文件:

res/layout/main.xml:
[html] view plain copy
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 xmlns:tools="http://schemas.android.com/tools" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent" 
 android:id="@+id/linearLayout1" 
 android:orientation="vertical" 
 > 
 <LinearLayout 
 android:layout_width="fill_parent" 
 android:layout_height="wrap_content" 
 android:id="@+id/linearLayout2" 
 android:orientation="horizontal"> 
 <Button android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:id="@+id/button1" 
 android:text="旋转"/> 
 <Button android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:id="@+id/button2" 
 android:text="平移"/> 
 <Button android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:id="@+id/button3" 
 android:text="缩放"/> 
 <Button android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:id="@+id/button4" 
 android:text="透明度变化"/> 
 </LinearLayout> 
 <ImageView android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:id="@+id/imageView1" 
 android:src="@drawable/img1"/> 
</LinearLayout>

效果如图

2.MainActivity:

在onCreat()方法中,首先获取动画资源文件中创建的动画资源,然后获取要应用动画效果的ImageView,再获取“旋转”按钮,并为该按钮添加单击事件监听器,在重写onClik()方法中,播放动画。具体代码如下:

[java] view plain copy
package com.example.test; 
 
import android.app.Activity; 
import android.os.Bundle; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.view.animation.Animation; 
import android.view.animation.AnimationUtils; 
import android.widget.Button; 
import android.widget.ImageView; 
 
public class MainActivity extends Activity { 
 
 @Override 
 public void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 setContentView(R.layout.main); 
 
 final Animation rotate=AnimationUtils.loadAnimation(this, R.anim.anim_rotate);//获取旋转动画资源 
 final Animation translate=AnimationUtils.loadAnimation(this, R.anim.anim_translate);//获取平移动画资源 
 final Animation scale=AnimationUtils.loadAnimation(this, R.anim.anim_scale);//获取缩放动画资源 
 final Animation alpha=AnimationUtils.loadAnimation(this, R.anim.anim_alpha);//获取透明度变化动画资源 
 //获取要应用动画效果的ImageView 
 final ImageView iv=(ImageView)findViewById(R.id.imageView1); 
 Button button1=(Button)findViewById(R.id.button1);//获取"旋转"按钮 
 button1.setOnClickListener(new OnClickListener() { 
 
 @Override 
 public void onClick(View arg0) { 
 //播放旋转动画 
 iv.startAnimation(rotate); 
 
 } 
 }); 
 
 Button button2=(Button)findViewById(R.id.button2);//获取"平移"按钮 
 button2.setOnClickListener(new OnClickListener() { 
 
 @Override 
 public void onClick(View arg0) { 
 //播放平移动画 
 iv.startAnimation(translate); 
 
 } 
 }); 
 
 Button button3=(Button)findViewById(R.id.button3);//获取"缩放"按钮 
 button3.setOnClickListener(new OnClickListener() { 
 
 @Override 
 public void onClick(View arg0) { 
 //播放缩放动画 
 iv.startAnimation(scale); 
 
 } 
 }); 
 
 Button button4=(Button)findViewById(R.id.button4);//获取"透明度渐变"按钮 
 button4.setOnClickListener(new OnClickListener() { 
 
 @Override 
 public void onClick(View arg0) { 
 //播放透明度渐变动画 
 iv.startAnimation(alpha); 
 } 
 }); 
 } 
} 

效果如图1、图2、图3、图4:




以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • Android 换肤实现指南demo及案例解析

    Android 换肤实现指南demo及案例解析

    这篇文章主要为大家介绍了Android换肤指南demo及案例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • Android组合控件自定义标题栏

    Android组合控件自定义标题栏

    这篇文章主要为大家详细介绍了Android组合控件自定义标题栏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • Android编程实现带渐变效果的圆角矩形示例

    Android编程实现带渐变效果的圆角矩形示例

    这篇文章主要介绍了Android编程实现带渐变效果的圆角矩形,涉及Android界面布局及属性设置相关操作技巧,需要的朋友可以参考下
    2017-08-08
  • Android自定义View原理(实战)

    Android自定义View原理(实战)

    这篇文章主要介绍了Android自定义View原理,由于Android系统内置的View不满足我们的业务需求,变产生了需要自定义View的原因,关于自定义详情,需要的小伙伴可以参考下面文章具体详情
    2022-05-05
  • Android三种网络通讯方式及Android的网络通讯机制

    Android三种网络通讯方式及Android的网络通讯机制

    在android平台目前提供了三种网络接口可以使用:分别是java.net.*(标准Java接口)、Org.apache接口和Android.net.*(Android网络接口),本文主要给大家介绍android三种网络通讯方式及android的网络通讯机制,小伙伴们一起学习吧
    2015-11-11
  • Android ViewPager实现无限循环轮播广告位Banner效果

    Android ViewPager实现无限循环轮播广告位Banner效果

    这篇文章主要为大家详细介绍了Android ViewPager实现无限循环轮播广告位Banner效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • Android FaceDetector实现人脸检测功能

    Android FaceDetector实现人脸检测功能

    这篇文章主要为大家详细介绍了Android FaceDetector实现人脸检测功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • Kotlin server多线程编程详细讲解

    Kotlin server多线程编程详细讲解

    这篇文章主要介绍了Kotlin server多线程编程,Service是实现程序后台运行的解决方案,适合执行非交互,后台预先的任务,即使用户打开其他应用,Service也能够正常运行
    2023-01-01
  • 用AdapterViewFlipper轻松完成图片轮播

    用AdapterViewFlipper轻松完成图片轮播

    这篇文章主要介绍了如何用AdapterViewFlipper完成图片轮播,帮助大家更好的理解和学习使用AdapterViewFlipper,感兴趣的朋友可以了解下
    2021-04-04
  • Android 绘制多级树形选择列表实例代码

    Android 绘制多级树形选择列表实例代码

    这篇文章主要介绍了Android 绘制多级树形选择列表的相关知识,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-02-02

最新评论