安卓开发_浅谈Android动画(一)

简介: 动画效果,针对图片实现 现在学习四种基本的简单动画效果 一、Tween Animation共同属性   1、Duration:动画持续时间(毫秒单位)  2、fillAfter:设置为true,动画转化在动画结束后被应用  3、fillBefore:设置为true,动画转化在动画开始前被应用 ...

动画效果,针对图片实现

现在学习四种基本的简单动画效果

一、Tween Animation共同属性

  1、Duration:动画持续时间(毫秒单位)
  2、fillAfter:设置为true,动画转化在动画结束后被应用
  3、fillBefore:设置为true,动画转化在动画开始前被应用
  4、interpolator:动画插入器(加速,减速插入器)
  5、repeatCount:动画重复次数
  6、repateMode:顺序重复/倒序重复
  7、startOffset:动画之间的时间间隔

二、Animation实现方式

  1、配置文件(/res/anim)--alpha,scale,translate,rotatae
  2、JAVA代码实现--AlphaAnimation,ScaleAnimation,TranslateAnimation,RotateAnimation

三、四种基本动画

 1、AlphaAnimation(透明度动画)
  (1)fromAlpha:动画起始时的透明度
  (2)toAlpha:动画终止时的透明度
  0.0表示完全透明 1.0表示完全不透明

 2、ScaleAnimation(缩放动画)
  (1)fromX,toX分别是起始和结束时x坐标上的伸缩尺寸
  (2)fromY,toY分别是起始和结束时y坐标上的伸缩尺寸
  (3)pivotX,pivotY分别为伸缩动画相对于x,y,坐标开始的位置

 3、TranslateAnimation(位移动画)
  (1)、fromXDelta,fromYDelta分别是起始时X,Y的坐标
  (2)、toXDelta,toYDelta分别是结束时X,Y的坐标

 4、RotateAnimation(旋转动画)
  (1)、fromDegrees 起始的角度
  (2)、toDegrees 终止的角度
  (3)、pivoteX,pivoteY分别为旋转动画相对于x,y的坐标的开始位置

四、示例

配置文件实现方法

 1 package other;
 2 
 3 import com.example.allcode.ImageTest;
 4 import com.example.allcode.R;
 5 
 6 import android.app.Activity;
 7 import android.os.Bundle;
 8 import android.view.View;
 9 import android.view.View.OnClickListener;
10 import android.view.animation.Animation;
11 import android.view.animation.AnimationUtils;
12 import android.widget.Button;
13 import android.widget.ImageView;
14 
15 public class Donghua extends Activity implements OnClickListener{
16     private Button toumingdu;
17     private Button suofang;
18     private Button weiyi;
19     private Button xuanzhuan;
20 
21     private ImageView donghua_image;
22     private Animation loadAnimation;
23     @Override
24     protected void onCreate(Bundle savedInstanceState) {
25         // TODO Auto-generated method stub
26         super.onCreate(savedInstanceState);
27         setContentView(R.layout.donghua);
28         
29         toumingdu = (Button) findViewById(R.id.donghua_touming);
30         suofang = (Button) findViewById(R.id.donghua_suofang);
31         weiyi= (Button) findViewById(R.id.donghua_weiyi);
32         xuanzhuan= (Button) findViewById(R.id.donghua_xuanzhuan);
33         
34         donghua_image = (ImageView) findViewById(R.id.donghua_image);
35         toumingdu.setOnClickListener(this);
36         donghua_image.setOnClickListener(this);
37         suofang.setOnClickListener(this);
38         weiyi.setOnClickListener(this);
39         xuanzhuan.setOnClickListener(this);
40     }
41     @Override
42     public void onClick(View v) {
43         // TODO Auto-generated method stub
44         switch (v.getId()) {
45         case R.id.donghua_touming:  //透明动画
46             loadAnimation = AnimationUtils.loadAnimation(this, R.anim.alpha);
47             donghua_image.startAnimation(loadAnimation);
48             break;
49         case R.id.donghua_suofang: //缩放动画
50             loadAnimation = AnimationUtils.loadAnimation(this, R.anim.scale);
51             donghua_image.startAnimation(loadAnimation);
52             break;
53         case R.id.donghua_weiyi:   //位移动画
54             loadAnimation = AnimationUtils.loadAnimation(this, R.anim.translate);
55             donghua_image.startAnimation(loadAnimation);
56             break;
57         case R.id.donghua_xuanzhuan: //旋转动画
58             loadAnimation = AnimationUtils.loadAnimation(this, R.anim.rotate);
59             donghua_image.startAnimation(loadAnimation);
60             break;
61         default:
62             break;
63         }
64     }
65 
66 }

 

布局文件:

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical" >
 6 
 7     <Button
 8         android:id="@+id/donghua_touming"
 9         android:layout_width="wrap_content"
10         android:layout_height="wrap_content"
11         android:text="AlphaAnimation(透明度动画)" />
12 
13     <Button
14         android:id="@+id/donghua_suofang"
15         android:layout_width="wrap_content"
16         android:layout_height="wrap_content"
17         android:text="ScaleAnimation(缩放动画)" />
18 
19     <Button
20         android:id="@+id/donghua_weiyi"
21         android:layout_width="wrap_content"
22         android:layout_height="wrap_content"
23         android:text="TranslateAnimation(位移动画)" />
24 
25     <Button
26         android:id="@+id/donghua_xuanzhuan"
27         android:layout_width="wrap_content"
28         android:layout_height="wrap_content"
29         android:text="RotateAnimation(旋转动画)" />
30 
31     <ImageView
32         android:id="@+id/donghua_image"
33         android:layout_width="82dp"
34         android:layout_height="wrap_content"
35         android:layout_weight="0.16"
36         android:src="@drawable/icon_72" />
37 
38 </LinearLayout>

配置文件:

目录。res-anim 自己新建

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <set xmlns:android="http://schemas.android.com/apk/res/android" >
 3 
 4     <alpha
 5         android:duration="3000" 
 6         android:fromAlpha="0.1"//初始透明度10%
 7         android:toAlpha="1.0"  //结束透明度100%
 8     >
 9     </alpha>
10 
11 </set>
alpha.xml透明动画
 1 <?xml version="1.0" encoding="utf-8"?>
 2 <set xmlns:android="http://schemas.android.com/apk/res/android" >
 3 
 4     <scale
 5         android:duration="2000"
 6         android:fillAfter="false"
 7         android:fromXScale="0.0"
 8         android:fromYScale="0.0"
 9         android:interpolator="@android:anim/accelerate_decelerate_interpolator"
10         android:pivotX="50%"
11         android:pivotY="50%"
12         android:toXScale="1.0"
13         android:toYScale="1.0" />
14 
15 </set>
scale.xml缩放动画
 1 <?xml version="1.0" encoding="utf-8"?>
 2 <set xmlns:android="http://schemas.android.com/apk/res/android" >
 3 
 4     <translate
 5         android:duration="1000"
 6         android:fromXDelta="10"
 7         android:fromYDelta="10"
 8         android:toXDelta="100"
 9         android:toYDelta="100" />
10 
11 </set>
translate.xml位移动画
 1 <?xml version="1.0" encoding="utf-8"?>
 2 <set xmlns:android="http://schemas.android.com/apk/res/android" >
 3 
 4     <rotate
 5         android:duration="1000"
 6         android:fromDegrees="0"
 7         android:interpolator="@android:anim/accelerate_decelerate_interpolator"
 8         android:pivotX="50%"
 9         android:pivotY="50%"
10         android:toDegrees="+360" />
11 
12 </set>
rotate.xml旋转动画

效果图:

相关文章
|
6天前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。
|
8天前
|
Android开发 Swift iOS开发
探索安卓与iOS开发的差异和挑战
【10月更文挑战第37天】在移动应用开发的广阔舞台上,安卓和iOS这两大操作系统扮演着主角。它们各自拥有独特的特性、优势以及面临的开发挑战。本文将深入探讨这两个平台在开发过程中的主要差异,从编程语言到用户界面设计,再到市场分布的不同影响,旨在为开发者提供一个全面的视角,帮助他们更好地理解并应对在不同平台上进行应用开发时可能遇到的难题和机遇。
|
10天前
|
XML 存储 Java
探索安卓开发之旅:从新手到专家
【10月更文挑战第35天】在数字化时代,安卓应用的开发成为了一个热门话题。本文旨在通过浅显易懂的语言,带领初学者了解安卓开发的基础知识,同时为有一定经验的开发者提供进阶技巧。我们将一起探讨如何从零开始构建第一个安卓应用,并逐步深入到性能优化和高级功能的实现。无论你是编程新手还是希望提升技能的开发者,这篇文章都将为你提供有价值的指导和灵感。
|
8天前
|
存储 API 开发工具
探索安卓开发:从基础到进阶
【10月更文挑战第37天】在这篇文章中,我们将一起探索安卓开发的奥秘。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的信息和建议。我们将从安卓开发的基础开始,逐步深入到更复杂的主题,如自定义组件、性能优化等。最后,我们将通过一个代码示例来展示如何实现一个简单的安卓应用。让我们一起开始吧!
|
9天前
|
存储 XML JSON
探索安卓开发:从新手到专家的旅程
【10月更文挑战第36天】在这篇文章中,我们将一起踏上一段激动人心的旅程,从零基础开始,逐步深入安卓开发的奥秘。无论你是编程新手,还是希望扩展技能的老手,这里都有适合你的知识宝藏等待发掘。通过实际的代码示例和深入浅出的解释,我们将解锁安卓开发的关键技能,让你能够构建自己的应用程序,甚至贡献于开源社区。准备好了吗?让我们开始吧!
21 2
|
10天前
|
Android开发
布谷语音软件开发:android端语音软件搭建开发教程
语音软件搭建android端语音软件开发教程!
|
13天前
|
移动开发 Java Android开发
探索Android与iOS开发的差异性与互联性
【10月更文挑战第32天】在移动开发的大潮中,Android和iOS两大平台各领风骚。本文将深入浅出地探讨这两个平台的开发差异,并通过实际代码示例,展示如何在各自平台上实现相似的功能。我们将从开发环境、编程语言、用户界面设计、性能优化等多个角度进行对比分析,旨在为开发者提供跨平台开发的实用指南。
35 0
|
3月前
|
存储 Shell Android开发
基于Android P,自定义Android开机动画的方法
本文详细介绍了基于Android P系统自定义开机动画的步骤,包括动画文件结构、脚本编写、ZIP打包方法以及如何将自定义动画集成到AOSP源码中。
77 2
基于Android P,自定义Android开机动画的方法
|
Android开发
Android自定义View,制作饼状图带动画效果
一个简单的自定义view饼状图,加入了动画效果
152 0
Android自定义View,制作饼状图带动画效果