`
rayln
  • 浏览: 437187 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Animation动画效果一

 
阅读更多
重要方法例子
AnimationSet as = new AnimationSet(true);
    	AlphaAnimation als = new AlphaAnimation(1, 0);
    	als.setDuration(1000);
    	//设置为true, 动画执行后, 控件停留在执行结束后的状态
    	als.setFillAfter(true);
    	//设置为true, 动画执行后, 控件返回执行前得状态
    	als.setFillBefore(false);
    	//设置1000ms, 表示1000ms后再执行动画
    	als.setStartOffset(1000);
    	//设置执行动画5次
    	als.setRepeatCount(5);
    	as.addAnimation(als);
    	iv.startAnimation(as);


完整例子:
package com.cn;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;

public class AnimationActivity extends Activity {
    /** Called when the activity is first created. */
	ImageView iv = null;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        iv = (ImageView)findViewById(R.id.imageView1);
    }
    public void translate(View v){
    	AnimationSet as = new AnimationSet(true);
    	/**
    	 * 参数:
    	 * 1. X轴坐标类型
    	 * 2. X轴开始位置
    	 * 3. X轴坐标类型
    	 * 4. X轴移动后坐标位置. 0.5f为X轴的一半
    	 * 5. Y轴坐标类型
    	 * 6. Y轴开始位置
    	 * 7. Y轴坐标类型
    	 * 8. Y轴移动后坐标位置. 1f为Y轴底部
    	 */
    	TranslateAnimation als = new TranslateAnimation(
    			Animation.RELATIVE_TO_SELF, 0f,
    			Animation.RELATIVE_TO_SELF, 0.5f,
    			Animation.RELATIVE_TO_SELF, 0f,
    			Animation.RELATIVE_TO_SELF, 1.0f
    	);
    	als.setDuration(1000);
    	as.addAnimation(als);
    	iv.startAnimation(as);
    }
    public void alpha(View v){
    	AnimationSet as = new AnimationSet(true);
    	AlphaAnimation als = new AlphaAnimation(1, 0);
    	als.setDuration(1000);
    	//设置为true, 动画执行后, 控件停留在执行结束后的状态
    	als.setFillAfter(true);
    	//设置为true, 动画执行后, 控件返回执行前得状态
    	als.setFillBefore(false);
    	//设置1000ms, 表示1000ms后再执行动画
    	als.setStartOffset(1000);
    	//设置执行动画5次
    	als.setRepeatCount(5);
    	as.addAnimation(als);
    	iv.startAnimation(as);
    }
    public void rotate(View v){
    	AnimationSet as = new AnimationSet(true);
    	/**
    	 * 参数:
    	 * 1. 旋转开始角度
    	 * 2. 旋转结束角度
    	 * 3. X轴坐标类型. Animation.RELATIVE_TO_PARENT相对于父控件的坐标.
    	 * 				Animation.RELATIVE_TO_SELF相对于自身的坐标
    	 * 4. X轴的坐标比例, 1f表示X轴末端
    	 * 5. Y轴坐标类型
    	 * 6. Y轴坐标比例
    	 */
    	RotateAnimation ra = new RotateAnimation(0, 360, 
    			Animation.RELATIVE_TO_PARENT, 1f, 
    			Animation.RELATIVE_TO_PARENT, 0f);
    	ra.setDuration(1000);
    	as.addAnimation(ra);
    	iv.startAnimation(as);
    }
    public void scale(View v){
    	AnimationSet as = new AnimationSet(true);
    	/**
    	 * 参数:
    	 * 1. X轴开始比例
    	 * 2. X轴结束比例
    	 * 3. Y轴开始比例
    	 * 4. Y轴结束比例
    	 * 5. X轴坐标类型. Animation.RELATIVE_TO_PARENT相对于父控件的坐标.
    	 * 				Animation.RELATIVE_TO_SELF相对于自身的坐标
    	 * 6. X轴缩小或者放大最后中心点
    	 * 7. Y轴坐标类型. Animation.RELATIVE_TO_PARENT相对于父控件的坐标.
    	 * 				Animation.RELATIVE_TO_SELF相对于自身的坐标
    	 * 8. Y轴缩小或者放大最后中心点
    	 */
    	ScaleAnimation als = new ScaleAnimation(1, .1f, 1, .1f, 
    			Animation.RELATIVE_TO_SELF,.5f,
    			Animation.RELATIVE_TO_SELF,.5f);
    	als.setDuration(1000);
    	as.addAnimation(als);
    	iv.startAnimation(as);
    }
}


main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
	<TextView  
	    android:layout_width="fill_parent" 
	    android:layout_height="wrap_content" 
	    android:text="@string/hello"
	    />
	<LinearLayout android:id="@+id/linearLayout1" android:layout_width="match_parent" android:orientation="vertical" android:layout_height="wrap_content" android:layout_weight="1">
	    <ImageView android:layout_height="wrap_content" android:id="@+id/imageView1" android:layout_width="wrap_content" android:src="@drawable/icon" ></ImageView>
	</LinearLayout>
	<LinearLayout android:layout_height="wrap_content" android:id="@+id/linearLayout2" android:layout_width="match_parent" android:orientation="vertical">
	    <Button android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/button1" android:text="@string/translate" android:onClick="translate"></Button>
	    <Button android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/button3" android:text="@string/alpha" android:onClick="alpha"></Button>
	    <Button android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/button2" android:text="@string/rotate" android:onClick="rotate"></Button>
	    <Button android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/button4" android:text="@string/scale" android:onClick="scale"></Button>
	</LinearLayout>
</LinearLayout>
分享到:
评论

相关推荐

    iphone用Animation实现动画效果

    在本教程中,我们将深入探讨如何使用`UIView`的`animation`方法来创建简单的上、中、下移动动画效果。这涉及到iOS开发中的基本动画原理,以及如何通过代码控制视图的行为。 首先,我们要理解`UIView`动画的基本概念...

    wpf Animation动画效果演示,包含多个实例

    在本文中,我们将深入探讨WPF(Windows Presentation Foundation)中的动画效果,并通过多个实例来展示其强大功能。WPF Animation是微软.NET Framework的一部分,它为开发者提供了丰富的视觉表现手法,可以实现平滑...

    微信小程序 鲜花订购,animation动画卡片效果 (源码)

    微信小程序 鲜花订购,animation动画卡片效果 (源码)微信小程序 鲜花订购,animation动画卡片效果 (源码)微信小程序 鲜花订购,animation动画卡片效果 (源码)微信小程序 鲜花订购,animation动画卡片效果 (源码)微信...

    微信小程序实现animation动画

    微信小程序实现animation动画,具体内容如下 1. 创建动画实例 wx.createAnimation(OBJECT) 创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的...

    微信小程序源码 鲜花订购,animation动画卡片效果(学习版)

    微信小程序源码 鲜花订购,animation动画卡片效果(学习版)微信小程序源码 鲜花订购,animation动画卡片效果(学习版)微信小程序源码 鲜花订购,animation动画卡片效果(学习版)微信小程序源码 鲜花订购,animation动画...

    微信小程序源码(含截图)鲜花订购,animation动画卡片效果

    微信小程序源码(含截图)鲜花订购,animation动画卡片效果微信小程序源码(含截图)鲜花订购,animation动画卡片效果微信小程序源码(含截图)鲜花订购,animation动画卡片效果微信小程序源码(含截图)鲜花订购,...

    动画包_animation动画效果_源码

    "动画包_animation动画效果_源码"这个资源包,显然是为了帮助开发者理解和实现各种动画效果而准备的。它可能包含了一系列使用了Android内置的animation库编写的示例代码。下面将详细讨论Android中的动画技术及其重要...

    animation动画效果

    Objective-C(简称OC)作为苹果平台的主要编程语言之一,提供了丰富的API来实现各种动画效果。本文将深入探讨如何在OC中使用`Core Animation`和`UIKit`来创建动画,以及动画的基本原理和实践技巧。 一、动画基础 1...

    css3弹力球动画animation属性制作3D弹力球弹跳动画效果

    这个动画效果不仅增强了用户界面的视觉吸引力,还能提供更好的交互体验。接下来,我们将深入探讨如何利用CSS3的`animation`属性来制作这样一个3D弹力球动画。 首先,我们需要理解`animation`属性的基本结构。它是一...

    Animation动画实例源代码

    本资源“Animation动画实例源代码”提供了一系列详细实例,帮助开发者深入了解和实践Android中的动画技术。这些实例适用于ADT(Android Development Toolkit)版本10及ECLIPSE JUNO开发环境。 Android动画主要包括...

    微信小程序——鲜花订购,animation动画卡片效果(截图+源码).zip

    微信小程序——鲜花订购,animation动画卡片效果(截图+源码).zip 微信小程序——鲜花订购,animation动画卡片效果(截图+源码).zip v微信小程序——鲜花订购,animation动画卡片效果(截图+源码).zip 微信小程序...

    frameAnimation动画效果

    帧动画(Frame Animation)是Android系统提供的一种基本的动画机制,它通过连续播放一系列静态图像来创造出动态的效果,类似于我们小时候看的翻页动画书。在手机软件开发中,帧动画常用于创建简单的过渡效果、加载...

    使用animation翻页动画效果

    本主题将深入探讨如何使用`animation`类动画效果来实现手机页面的翻页效果,这是一种常见的视觉过渡手段,使得用户在浏览内容时感觉更加自然和舒适。 一、动画基础 在计算机图形学中,动画是通过连续展示一系列...

    android Animation动画实现loading效果

    除了原生的Android动画,还有许多第三方库提供丰富的加载动画效果,如`android-Universal-Image-Loader`、`Glide`、`Picasso`等图片加载库均支持添加自定义加载动画。此外,还有专门为加载效果设计的库,如`...

    Animation动画的解析与自定义Animation动画

    补间动画通过改变视图的位置、大小、透明度等属性在一段时间内逐渐过渡,而帧动画则类似于电影胶片,通过连续播放一系列静态图像实现动画效果。虽然视图动画简单易用,但其缺点是不改变视图的实际状态,只影响屏幕...

    LoadingAnimation 动画 加载动画

    - **固定帧动画**:由一系列静态图像按顺序播放构成,常用于创建简单的连续动画效果。在Android中,这可以通过`AnimationDrawable`类实现。 2. **AnimationTest**: - 这个文件名可能对应的是一个测试项目或者一...

    Core Animation动画例子

    通过这个“Core Animation动画例子”压缩包,你可以学习到如何在实践中运用上述知识点,创建出流畅、精致的iOS应用动画效果。记住,实践是最好的老师,深入研究并动手尝试这些示例,将有助于你更好地掌握Core ...

    Animation动画效果

    总的来说,"Animation动画效果"是一个涵盖广泛的主题,包括了从基础原理到高级技术,从网页到3D,从设计到实现的各个方面。无论是在网页、移动应用还是游戏开发中,理解并掌握动画效果都是提升用户体验的关键。

    Android Tween Animation动画效果详解

    Android Tween Animation动画的使用demo,以及自定义动画,原理解析,相关博客: http://blog.csdn.net/w18756901575/article/details/53081551

Global site tag (gtag.js) - Google Analytics