- 浏览: 752507 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (139)
- 玩转Android (48)
- Android创意美工 (0)
- Android杂谈 (23)
- Android实例练习 (2)
- Android ROM研究 (5)
- Android NDK开发指南 (5)
- Android NDK (0)
- Android Tips (3)
- Windows Phone 7 (5)
- iPhone (0)
- HTML5学习室 (0)
- JAVA (9)
- SSH+ibatis (8)
- PHP (0)
- IT生活 (1)
- linux (2)
- C (4)
- C++ (1)
- web 前端 (1)
- 云计算 (0)
- 设计模式 (0)
- C# (2)
- 其他 (1)
- 数据结构 (5)
- Web开发 (10)
- 数据库 (3)
- 搜索引擎 (0)
- Go语言 (0)
最新评论
-
wi100sh:
多谢分享~
玩转Android---UI篇---ImageButton(带图标的按钮) -
zhanghaichang:
好文章的。
高性能web开发技术(一) -
yingang:
引用classes.dex.dex2jar.jar 拖入 j ...
Andorid杂谈---Apk文件的反编译 -
扶摇诺:
讲解的简明易懂,多谢啦!
玩转Android---UI篇---LinearLayout(线性布局) -
a13429921973:
更为详细的图文介绍,可参考这个http://blog.csdn ...
Android ROM研究---CyanogenMod源代码下载及编译
Android平台提供了两类动画,分别是Tween动画,和Frame动画。Tween通过场景里的对象不断的进行图片的变换,比如平移、渐变、缩放、旋转等来产生动画效果;Frame动画叫做顺序播放实现做好的图像和电影类似。另外加上gif动画,因为如果直接使用Bitmap或其他方法直接调用gif图片资源的话,显示的是静态的,如果要做成动态的,就需要一些其他的方法来实现。
首先来谈谈Tween动画,它有四种
①Alpha:渐变透明度动画
②Scale:渐变尺寸伸缩动画
③Translate:画面转换位置移动动画
④Rotate:画面转移旋转动画
这些动画的执行步骤差不多:先定义Animation动画对象,然后设置动画的一些属性,最后通过startAnimation()方法开始动画。
setDuration(long durationMillis);
功能:设置动画显示的时间
参数:durationMillis为动画显示时间的长短,以毫秒为单位
startAnimation(Animation animation)
功能:animation为要播放的动画
参数:animation为要播放的动画
第一种:AlphaAnimation(float fromAlpha, float toAlpha)
功能:创建一个透明度渐变的动画
参数说明:fromAlpha是动画起始时透明度;toAlpha是动画结束时透明度
注:0.0表示完全透明,1.0表示完全不透明
实现它有两种方式。
1、直接在程序中创建动画
//创建Alpha动画 Animation alpha = new AlphaAnimation(0.1f, 1.0f); //设置动画时间为5秒 alpha.setDuration(5000); //开始播放 img.startAnimation(alpha);
2、通过XML来创建动画
alpha_anim.xml。在res/anim目录下
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:fromAlpha="0.1" android:toAlpha="1.0" android:duration="5000"> </alpha> </set>
程序中直接调用
Animation scale = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.scale_anim); //开始动画 img.startAnimation(scale);
效果:
第二种:ScaleAnimation(float fromX, float toX, float fromY, float toY, int pivotXType, floatXValue,
int pivotYType, float pivotYValue)
功能:创建一个渐变尺寸伸缩动画
参数:fromX,toX分别是起始和结束时x坐标上的伸缩尺寸。fromY,toY分别是起始和结束时ye坐标上的伸缩尺寸。
pivotXValue,pivotYValue分别为伸缩动画相对于x,y坐标开始的位置,pivotXType,pivotYType分别为x,y的
伸缩模式。
它有两种实现方式。
1、直接在程序中实现的方式
Animation scale = new ScaleAnimation(0f, 1f, 0f, 1f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); //设置动画持续时间 scale.setDuration(5000); //开始动画 img.startAnimation(scale);
2、在XML中是创建动画
scale_anim.xml,在res/anim目录下
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <scale android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromXScale="0.0" android:toXScale="1.0" android:fromYScale="0.0" android:toYScale="1.0" android:pivotX="50%" android:pivotY="50%" android:fillAfter="false" android:duration="5000" /> </set>
Animation scale = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.scale_anim);
//开始动画 img.startAnimation(scale);
效果
第3种:TranslateAnimation(float fromXDelta, float toXDelta, float YDelta, float toYDelta)
功能:创建一个移动画面位置的动画
参数:fromXDelta,fromYDelta分别是其实坐标;toXDelta,toYDelta分别是结束坐标
它有两种是实现方式
1、直接在程序中实现
Animation translate = new TranslateAnimation(10, 100, 10, 100); //设置动画持续时间 translate.setDuration(3000); //开始动画 img.startAnimation(translate);
2、在XML中创建动画
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="10" android:toXDelta="100" android:fromYDelta="10" android:toYDelta="100" android:duration="5000" /> </set>
在程序中可以定义其实现,比如在Button中的按钮事件
Animation translate = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.translate_anim); //开始动画 img.startAnimation(translate);
第4种:Rotate(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType,
float pivotYValue)
功能:创建一个旋转画面的动画
参数:fromDegrees为开始的角度;toDegrees为结束的角度。pivotXValue、pivotYType分别为x,y的伸缩模式。
pivotXValue,pivotYValue分别为伸缩动画相对于x,y的坐标开始位置
它有两种实现方式。
1、直接在程序中创建动画
Animation rotate = new RotateAnimation(0f,+360f, Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f); rotate.setDuration(3000); img.startAnimation(rotate);
2、在XML中创建动画
rotate_anim.xml
在res/anim目录下
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <rotate android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromDegrees="0" android:toDegrees="+360" android:pivotX="50%" android:pivotY="50%" android:duration="1000" /> </set>Animation rotate = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.rotate_anim);
img.startAnimation(rotate);
下面是程序的全部代码。XML定义的动画部分在上面
在程序中直接实现
package com.loulijun.tween; 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.RotateAnimation; import android.view.animation.ScaleAnimation; import android.view.animation.TranslateAnimation; import android.widget.Button; import android.widget.ImageView; public class TweenActivity extends Activity { Button btn1,btn2,btn3,btn4; ImageView img; //定义Alpha动画 private Animation alpha = null; //定义Scale动画 private Animation scale = null; //定义Translate动画 private Animation translate = null; //定义Rotate动画 private Animation rotate = null; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //装载图片资源 img = (ImageView)findViewById(R.id.imgview); btn1 = (Button)findViewById(R.id.btn1); btn2 = (Button)findViewById(R.id.btn2); btn3 = (Button)findViewById(R.id.btn3); btn4 = (Button)findViewById(R.id.btn4); //定义Alpha动画 btn1.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { //创建Alpha动画 alpha = new AlphaAnimation(0.1f, 1.0f); //设置动画时间为5秒 alpha.setDuration(5000); //开始播放 img.startAnimation(alpha); } }); //定义Scale动画 btn2.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { scale = new ScaleAnimation(0f, 1f, 0f, 1f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); //设置动画持续时间 scale.setDuration(5000); //开始动画 img.startAnimation(scale); } }); //定义Translate动画 btn3.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { translate = new TranslateAnimation(10, 100, 10, 100); //设置动画持续时间 translate.setDuration(3000); //开始动画 img.startAnimation(translate); } }); //定义Rotate动画 btn4.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { rotate = new RotateAnimation(0f, +360f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); rotate.setDuration(3000); img.startAnimation(rotate); } }); } }
在XML中定义动画
package com.loulijun.tween2; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.view.animation.RotateAnimation; import android.view.animation.ScaleAnimation; import android.view.animation.TranslateAnimation; import android.widget.Button; import android.widget.ImageView; public class TweenActivity extends Activity { Button btn1,btn2,btn3,btn4; ImageView img; //定义Alpha动画 private Animation alpha = null; //定义Scale动画 private Animation scale = null; //定义Translate动画 private Animation translate = null; //定义Rotate动画 private Animation rotate = null; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //装载图片资源 img = (ImageView)findViewById(R.id.imgview); btn1 = (Button)findViewById(R.id.btn1); btn2 = (Button)findViewById(R.id.btn2); btn3 = (Button)findViewById(R.id.btn3); btn4 = (Button)findViewById(R.id.btn4); //定义Alpha动画 btn1.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { //创建Alpha动画 alpha = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.alpha_anim); //开始播放 img.startAnimation(alpha); } }); //定义Scale动画 btn2.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { scale = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.scale_anim); //开始动画 img.startAnimation(scale); } }); //定义Translate动画 btn3.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { translate = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.translate_anim); //开始动画 img.startAnimation(translate); } }); //定义Rotate动画 btn4.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { rotate = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.rotate_anim); img.startAnimation(rotate); } }); } }
发表评论
-
玩转Android---2D图形及动画---动画分析(Tween详细分析)
2011-09-26 21:59 2577在Android系统中提供了两种动画实现方式:一种是Tween ... -
玩转Android---2D图形及动画---图片处理
2011-09-26 13:08 1718在Android中很多地方都使 ... -
玩转Android--UI篇--PreferenceActivity(开启wifi和音乐等)
2011-09-01 11:57 4776本测试主要是为了测试PreferenceActivity的使用 ... -
玩转Android---2D图形及动画---Gif动画
2011-08-05 09:36 2159由于Gif本身就是动画,所以如果能够直接使用的话,会省去很多的 ... -
玩转Android---2D图形及动画---Frame动画
2011-08-01 20:53 2024Frame动画其实就是逐帧动画,用法也比Tween动画简单,只 ... -
玩转Android---2D图形及动画---View类使用
2011-07-30 23:39 2750由于游戏界面是由大量美工资源图片构成的,所以,在设计游戏界面的 ... -
玩转Android--组件篇---Handler的使用
2011-07-30 14:01 5304public class Handler ... -
玩转Android---UI篇---ZoomControls放大缩小图片
2011-07-27 13:03 7205ZoomControls控件是一个可以缩放但控件,效果如下图 ... -
玩转Android---组件篇---TextSwitcher
2011-07-25 09:21 2145还记得有一次淘宝的电话面试的时候问了我一个关于Android的 ... -
玩转Android---组件篇---AnalogClock,DigitalClock
2011-07-10 19:28 2875首先要说的是,这两个控件并不是经常的使用,但是如果程序需要的话 ... -
玩转Android---组件篇---SeekBar,RatingBar,Chronometer
2011-07-10 19:12 2801今天补充三个组件的使用,避免日后忘记。它们分别是 SeekB ... -
玩转Android---组件篇---Handler的使用(2)
2011-05-28 17:15 2755对于Handler来说,它和与它调用它的Activity是出于 ... -
玩转Android---组件篇---Handler的使用(1)
2011-05-28 15:37 2107在android中,有很多功能是不能放在onCreate或者o ... -
玩转Android---事件监听篇---第2篇
2011-05-27 10:30 5192事件监听篇---第二篇 下面是各种常用控件的事件监听的 ... -
玩转Android---事件监听篇---第1篇
2011-05-26 21:29 9890事件就是用户与UI界面的交互时所触发的操作。比如点击某一个按钮 ... -
玩转Android---组件篇---数据存储之SQLite
2011-04-17 17:05 8430Android中通过SQLite数据库引擎来实现结构化数据存储 ... -
玩转Android---组件篇---数据存储之File
2011-04-17 11:07 1996我们可以将一些数据直接以文件的形式保存在设备中。例如,一些文本 ... -
玩转Andorid---组件篇---数据存储之preference
2011-04-14 21:58 2250程序是数据的输入、处 ... -
玩转Android---组件篇---Broadcast Receiver(广播接收器)
2011-04-14 19:24 29249Braodcast Receiver顾名思义 ... -
玩转Andorid---组件篇---Service(服务)之RPC远程进程调用
2011-04-08 21:17 3392在Andorid平台中,各个组件运行在自己的进程中,他们 ...
相关推荐
Android---Tween动画 运用了4种Tween的动画效果,包括: rotate(旋转),scale(伸缩), alpha(透明度),translate(平移) 以及tween(综合4种效果)
Android 平台提供了两类动画。 一类是Tween动画,就是对场景里的对象不断的进行图像变化来产生动画效果(旋转、平移、放缩和渐变);第二类就是 Frame动画,即顺序的播放事先做好的图像,与gif图片原理类似。 本例子...
Android Tween动画源码,实现了android Tween动画的alpha、scale、translate、rotate四种效果
Android tween动画代码实现,包含alpha、scale、translate、rotate,都是动态代码实现,里面有详细的注释
android Tween动画的xml实现
相关博客见 http://blog.csdn.net/wzg_1987/article/details/8842661
rc-tween-one ReactTweenOne组件 浏览器支持 IE 10以上 :check_mark: Chrome31.0+ :check_mark: Firefox 31.0+ :check_mark: Opera 30.0+ :check_mark: Safari 7.0以上 :check_mark: 发展 npm install npm ...
android开发中的Tween动画,动画演示demo。 此demo为android studio 2.0 所写.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
前端项目-es6-tween,ES6实现惊人的tween.js
雨松MOMO带你做游戏 Android 游戏开发之Tween动画的实现 欢迎大家下载阅读 哇咔咔~~~
Android基础——Tween动画、Drawable动画、Property动画、MaterialDesign动画、Trasition动画
动画库 博文链接:https://gundumw100.iteye.com/blog/1108830
android Tween动画概括+示例 中代码例子。
tween自动动画
Android 百战经典-Android补间动画(Tween)大观园,博客:http://blog.csdn.net/yayun0516
该Demo,主要以xml形式实现了Animation动画中的Tween动画(另一种动画Frame动画Demo,稍后奉上),Tween动画的另一种实现形式是直接在代码中实现,相关Demo已上传,有需要的读者请到我的资源文件中下载即可。
这是一个通过android xml的形式实现Tween动画的四种形式,包括:alpha渐变动画、rotate旋转动画、translate位移动画、scale缩放动画。另外还有一个集合动画。
基于Android 游戏开发之Tween动画的实现
Value-Tween-Library-for-Objective-C, 用于 Objective C的简单Tween和缓动库 objective-c的值库链接"QuartzCore 。框架"。将" tween.h""""tweenobject 。h""tweenobject 。m"复制到你的项目中。导入" tween.h"和...
博客地:http://blog.csdn.net/dmk877/article/details/51912104,详细讲解了Tween动画的用法。