参考手册
Android 教程
Android 警报对话框
Android 音频捕获

Android（安卓）动画

动画是创建运动和形状变化的过程。

android 中的动画可以从很多方面实现。在本章中，我们将讨论一种简单且广泛使用的制作动画的方法，称为 补间动画 （Tween Animation）。

补间动画（Tween Animation）

Tween Animation 采用一些参数，如开始值、结束值、大小、持续时间、旋转角度等，并对该对象执行所需的动画。它可以应用于任何类型的对象。所以为了使用它，android 为我们提供了一个名为 Animation 的类。

为了在 android 中执行动画，我们将调用 AnimationUtils 类的静态函数 loadAnimation()。我们将在动画对象的实例中接收结果。其语法如下：

  1. Animation animation = AnimationUtils.loadAnimation(getApplicationContext(), 
  2.   R.anim.myanimation);

注意第 2 个参数。它是我们的动画 xml 文件的名称。您必须在 res 目录下创建一个名为 anim 的新文件夹，并在 anim 文件夹下制作一个 xml 文件。

这个动画类有许多有用的功能，如下所示：

编号Method & 描述
1

start()

此方法启动动画。

2

setDuration(long duration)

此方法设置动画的持续时间。

3

getDuration()

此方法获取由上述方法设置的持续时间。

4

end()

此方法结束动画。

5

cancel()

此方法取消动画。

为了将此动画应用于对象，我们只需调用对象的 startAnimation() 方法。其语法为：

  1. ImageView image1 = (ImageView)findViewById(R.id.imageView1);
  2. image.startAnimation(animation);

实例

下面的实例演示了在 android 中使用动画。您可以从菜单中选择不同类型的动画，所选动画将应用于屏幕上的 imageView。

要实验这个实例，您需要在模拟器或实际设备上运行。

步骤描述
1您将使用 Android studio IDE 创建一个 Android 应用程序，并将其命名为 com.example.sairamkrishna.myapplication 包下的 My Application。
2修改 src/MainActivity.java 文件添加动画代码。
3修改布局 XML 文件 res/layout/activity_main.xml 添加必要的 GUI 组件。
4在res目录下创建一个新文件夹，并将其命名为 anim 通过访问 res/anim 来确认
5右键单击 anim 并单击 new 并选择 Android XML 文件您必须创建下面列出的不同文件。
6创建文件 myanimation.xml,clockwise.xml,fade.xml,move.xml,blink.xml,slide.xml 并添加 XML 代码。
7无需更改默认字符串常量。Android studio 在 values/string.xml 中处理默认常量。
8运行应用程序并选择正在运行的 android 设备，并在其上安装应用程序并验证结果。

下面是修改的 MainActivity.java

  1. package com.example.sairamkrishna.myapplication;
  3. import android.app.Activity;
  4. import android.os.Bundle;
  5. import android.view.View;
  6. import android.view.animation.Animation;
  7. import android.view.animation.AnimationUtils;
  8. import android.widget.ImageView;
  9. import android.widget.Toast;
  11. public class MainActivity extends Activity {
  12.   @Override
  13.   protected void onCreate(Bundle savedInstanceState) {
  14.    super.onCreate(savedInstanceState);
  15.    setContentView(R.layout.activity_main);
  16.   }
  18.   public void clockwise(View view){
  19.    ImageView image = (ImageView)findViewById(R.id.imageView);
  20.    Animation animation = AnimationUtils.loadAnimation(getApplicationContext(), 
  21.      R.anim.myanimation);
  22.    image.startAnimation(animation);
  23.   }
  25.   public void zoom(View view){
  26.    ImageView image = (ImageView)findViewById(R.id.imageView);
  27.    Animation animation1 = AnimationUtils.loadAnimation(getApplicationContext(), 
  28.      R.anim.clockwise);
  29.    image.startAnimation(animation1);
  30.   }
  32.   public void fade(View view){
  33.    ImageView image = (ImageView)findViewById(R.id.imageView);
  34.    Animation animation1 = 
  35.      AnimationUtils.loadAnimation(getApplicationContext(), 
  36.       R.anim.fade);
  37.    image.startAnimation(animation1);
  38.   }
  40.   public void blink(View view){
  41.    ImageView image = (ImageView)findViewById(R.id.imageView);
  42.    Animation animation1 = 
  43.      AnimationUtils.loadAnimation(getApplicationContext(), 
  44.       R.anim.blink);
  45.    image.startAnimation(animation1);
  46.   }
  48.   public void move(View view){
  49.    ImageView image = (ImageView)findViewById(R.id.imageView);
  50.    Animation animation1 = 
  51.      AnimationUtils.loadAnimation(getApplicationContext(), R.anim.move);
  52.    image.startAnimation(animation1);
  53.   }
  55.   public void slide(View view){
  56.    ImageView image = (ImageView)findViewById(R.id.imageView);
  57.    Animation animation1 = 
  58.      AnimationUtils.loadAnimation(getApplicationContext(), R.anim.slide);
  59.    image.startAnimation(animation1);
  60.   }
  61. }

这里是修改的 res/layout/activity_main.xml

  1. <RelativeLayout 
  2.   xmlns:android="http://schemas.android.com/apk/res/android"
  3.   xmlns:tools="http://schemas.android.com/tools" 
  4.   android:layout_width="match_parent"
  5.   android:layout_height="match_parent" 
  6.   android:paddingLeft="@dimen/activity_horizontal_margin"
  7.   android:paddingRight="@dimen/activity_horizontal_margin"
  8.   android:paddingTop="@dimen/activity_vertical_margin"
  9.   android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
  11.   <TextView
  12.    android:layout_width="wrap_content"
  13.    android:layout_height="wrap_content"
  14.    android:text="Alert Dialog"
  15.    android:id="@+id/textView"
  16.    android:textSize="35dp"
  17.    android:layout_alignParentTop="true"
  18.    android:layout_centerHorizontal="true" />
  20.   <TextView
  21.    android:layout_width="wrap_content"
  22.    android:layout_height="wrap_content"
  23.    android:text="cankaoshouce"
  24.    android:id="@+id/textView2"
  25.    android:textColor="#ff3eff0f"
  26.    android:textSize="35dp"
  27.    android:layout_below="@+id/textView"
  28.    android:layout_centerHorizontal="true" />
  30.   <ImageView
  31.    android:layout_width="wrap_content"
  32.    android:layout_height="wrap_content"
  33.    android:id="@+id/imageView"
  34.    android:src="@drawable/abc"
  35.    android:layout_below="@+id/textView2"
  36.    android:layout_alignRight="@+id/textView2"
  37.    android:layout_alignEnd="@+id/textView2"
  38.    android:layout_alignLeft="@+id/textView"
  39.    android:layout_alignStart="@+id/textView"/>
  41.   <Button
  42.    android:layout_width="wrap_content"
  43.    android:layout_height="wrap_content"
  44.    android:text="zoom"
  45.    android:id="@+id/button"
  46.    android:layout_below="@+id/imageView"
  47.    android:layout_alignParentLeft="true"
  48.    android:layout_alignParentStart="true"
  49.    android:layout_marginTop="40dp"
  50.    android:onClick="clockwise"/>
  52.   <Button
  53.    android:layout_width="wrap_content"
  54.    android:layout_height="wrap_content"
  55.    android:text="clockwise"
  56.    android:id="@+id/button2"
  57.    android:layout_alignTop="@+id/button"
  58.    android:layout_centerHorizontal="true"
  59.    android:onClick="zoom"/>
  61.   <Button
  62.    android:layout_width="wrap_content"
  63.    android:layout_height="wrap_content"
  64.    android:text="fade"
  65.    android:id="@+id/button3"
  66.    android:layout_alignTop="@+id/button2"
  67.    android:layout_alignParentRight="true"
  68.    android:layout_alignParentEnd="true"
  69.    android:onClick="fade"/>
  71.   <Button
  72.    android:layout_width="wrap_content"
  73.    android:layout_height="wrap_content"
  74.    android:text="blink"
  75.    android:onClick="blink"
  76.    android:id="@+id/button4"
  77.    android:layout_below="@+id/button"
  78.    android:layout_alignParentLeft="true"
  79.    android:layout_alignParentStart="true" />
  81.   <Button
  82.    android:layout_width="wrap_content"
  83.    android:layout_height="wrap_content"
  84.    android:text="move"
  85.    android:onClick="move"
  86.    android:id="@+id/button5"
  87.    android:layout_below="@+id/button2"
  88.    android:layout_alignRight="@+id/button2"
  89.    android:layout_alignEnd="@+id/button2"
  90.    android:layout_alignLeft="@+id/button2"
  91.    android:layout_alignStart="@+id/button2" />
  93.   <Button
  94.    android:layout_width="wrap_content"
  95.    android:layout_height="wrap_content"
  96.    android:text="slide"
  97.    android:onClick="slide"
  98.    android:id="@+id/button6"
  99.    android:layout_below="@+id/button3"
  100.    android:layout_toRightOf="@+id/textView"
  101.    android:layout_toEndOf="@+id/textView" />
  103. </RelativeLayout>

这里是 res/anim/myanimation.xml 的代码

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  4.   <scale xmlns:android="http://schemas.android.com/apk/res/android"
  5.    android:fromXScale="0.5"
  6.    android:toXScale="3.0"
  7.    android:fromYScale="0.5"
  8.    android:toYScale="3.0"
  9.    android:duration="5000"
  10.    android:pivotX="50%"
  11.    android:pivotY="50%" >
  12.   </scale>
  14.   <scale xmlns:android="http://schemas.android.com/apk/res/android"
  15.    android:startOffset="5000"
  16.    android:fromXScale="3.0"
  17.    android:toXScale="0.5"
  18.    android:fromYScale="3.0"
  19.    android:toYScale="0.5"
  20.    android:duration="5000"
  21.    android:pivotX="50%"
  22.    android:pivotY="50%" >
  23.   </scale>
  25. </set>

这里是 res/anim/clockwise.xml 的代码

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  4.   <rotate xmlns:android="http://schemas.android.com/apk/res/android"
  5.    android:fromDegrees="0"
  6.    android:toDegrees="360"
  7.    android:pivotX="50%"
  8.    android:pivotY="50%"
  9.    android:duration="5000" >
  10.   </rotate>
  12.   <rotate xmlns:android="http://schemas.android.com/apk/res/android"
  13.    android:startOffset="5000"
  14.    android:fromDegrees="360"
  15.    android:toDegrees="0"
  16.    android:pivotX="50%"
  17.    android:pivotY="50%"
  18.    android:duration="5000" >
  19.   </rotate>
  21. </set>

这里是 res/anim/fade.xml 的代码

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"
  3.   android:interpolator="@android:anim/accelerate_interpolator" >
  5.   <alpha
  6.    android:fromAlpha="0"
  7.    android:toAlpha="1" 
  8.    android:duration="2000" >
  9.   </alpha>
  11.   <alpha
  12.    android:startOffset="2000"
  13.    android:fromAlpha="1"
  14.    android:toAlpha="0" 
  15.    android:duration="2000" >
  16.   </alpha>  
  18. </set>

这里是 res/anim/blink.xml 的代码

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3.   <alpha android:fromAlpha="0.0"
  4.    android:toAlpha="1.0"
  5.    android:interpolator="@android:anim/accelerate_interpolator"
  6.    android:duration="600"
  7.    android:repeatMode="reverse"
  8.    android:repeatCount="infinite"/>
  9. </set>

这里是 res/anim/move.xml 的代码

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set
  3.   xmlns:android="http://schemas.android.com/apk/res/android"
  4.   android:interpolator="@android:anim/linear_interpolator"
  5.   android:fillAfter="true">
  7.   <translate
  8.    android:fromXDelta="0%p"
  9.    android:toXDelta="75%p"
  10.    android:duration="800" />
  11. </set>

这里是 res/anim/slide.xml 的代码

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"
  3.   android:fillAfter="true" >
  5.   <scale
  6.    android:duration="500"
  7.    android:fromXScale="1.0"
  8.    android:fromYScale="1.0"
  9.    android:interpolator="@android:anim/linear_interpolator"
  10.    android:toXScale="1.0"
  11.    android:toYScale="0.0" />
  12. </set>

这里是 res/values/string.xml 的代码

  1. <resources>
  2.   <string name="app_name">My Application</string>
  3. </resources>

这里是默认的 AndroidManifest.xml 文件

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3.   package="com.example.sairamkrishna.myapplication" >
  5.   <application
  6.    android:allowBackup="true"
  7.    android:icon="@drawable/ic_launcher"
  8.    android:label="@string/app_name"
  9.    android:theme="@style/AppTheme" >
  11.    <activity
  12.      android:name="com.example.animation.MainActivity"
  13.      android:label="@string/app_name" >
  15.      <intent-filter>
  16.       <action android:name="android.intent.action.MAIN" />
  17.       <category android:name="android.intent.category.LAUNCHER" />
  18.      </intent-filter>
  20.    </activity>
  22.   </application>
  23. </manifest>

让我们尝试运行您的应用程序。我假设你已经将实际的 Android 移动设备与计算机连接。要从 Android studio 运行应用程序，请打开项目的一个活动文件，然后单击工具栏上的运行 Eclipse Eclipse Run Icon 图标。Android studio 将呈现如下界面：

选择 zoom 缩放按钮，将显示以下屏幕:

现在选择 slide 滑动按钮，它将显示以下屏幕：

现在选择 move 移动按钮，它将显示以下屏幕:

现在选择 clockwise 顺时针按钮，将显示以下屏幕:

现在选择 fade 淡出按钮，它将显示以下屏幕:

注意：如果您在模拟器中运行它，您可能不会体验到平滑的动画效果。为了体验流畅的动画，你必须在 android 手机上运行它。
Android 警报对话框
Android 音频捕获

分类导航

Android 教程Objective-C 教程Swift 教程Kotlin