码迷,mamicode.com
首页 > 移动开发 > 详细

安卓中的动画之属性动画(1)

时间:2016-09-21 14:32:19      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

属性动画(Property Aniamtion)是在谷歌新推出的一种动画。

1.什么是属性动画?

  属性动画,顾名思义,就是操作属性的动画。在这里可能有人要问什么是操作的属性?想想以前我们学习的动画--变换动画,可以更改动画显示的各种形态,看上去非常炫酷;布局动画,可以更改activity跳转你的动画;帧动画,就是flash动画一样。我们在使用这些动画时,特别是变换动画时,有没有想过,假如一个imageview有一个监听事件,而我们使用变换动画更换了imageview的位置时,此时我们想要实现这个imageview时,该点击哪里?是原来的位置,还是现在的位置呢?  经过试验,发现只有点击原来的位置才有反应,这是为何呢?这就是变换动画的缺点所在,它尽管能够为view增加动画效果,但是它没有改变view本身的属性,这会导致在应用中,用户会非常的不适应,因为用户根本就不知道这些事情。相反,属性就能够达到这样的效果--为view增加的动画的同时,也将view的属性改变了,这就是所谓的属性动画

2.为什么要使用属性动画?

  变换动画可以view增加一些炫酷的效果,这是毋庸置疑的。但是在用户交互中,它就相形见绌了,归根究底,变换动画只是给用户看,如果想要利用变换动画来交互就远远不能。属性动画,就是为变换动画填补这块空缺。如果想要达到效果与交互,就使用属性动画,如果仅仅只需要效果,就使用变换动画。

3.怎么使用属性动画

首先我们分清楚,普通的动画叫做Animation,而属性动画则是Animator。从字面上,我们可以这样理解Animation就是普普通通的动画,而Animator则是操作动画的人,它肆意地更改动画各种东西,包括加载Animation的view的相关东西。比如说,imageview就是电脑,Animation就是操作系统,Animator是用户,当电脑没有没有系统时,我们也可以使用它,比如进入bios等等,当电脑装上操作系统时,也就是imageview加载了动画了,我们就可在使用电脑的更多功能,但是这个仅仅局限于操作系统,比如操作系统并不能修改电脑的某些参数,而用户就不同了,可以既可以操作电脑,使用功能,又可以更改电脑的参数。这就是属性动画的角色。

其次,我们来看看安卓官方提供的api。Animator是所有的属性动画父类,继承它的有AnimatorSet(动画集合),ValueAnimator。我们通常使用的是valueAnimation和它的子类ObjectAnimator。我这里只说下objectAnimator的使用,ValueAnimation在下次再说。

现在我们来看代码

布局文件代码

xml代码

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     tools:context="com.example.android_propertyaniamtion.MainActivity" >
 6 
 7     <ImageView
 8         android:id="@+id/imageview"
 9         android:layout_width="wrap_content"
10         android:layout_height="wrap_content"
11         android:layout_alignParentTop="true"
12         android:src="@drawable/ic_launcher" />
13 
14     <Button
15         android:id="@+id/button"
16         android:layout_width="fill_parent"
17         android:layout_height="wrap_content"
18         android:layout_alignParentBottom="true"
19         android:text="@string/button_string" />
20 
21 </RelativeLayout>

Activity代码

JAVA代码

 1 package com.example.android_propertyaniamtion;
 2 
 3 import android.animation.ObjectAnimator;
 4 import android.app.Activity;
 5 import android.os.Bundle;
 6 import android.view.View;
 7 import android.view.View.OnClickListener;
 8 import android.widget.Button;
 9 import android.widget.ImageView;
10 
11 public class MainActivity extends Activity implements OnClickListener{
12     private Button button = null;
13     private ImageView imageview = null;
14     
15     protected void onCreate(Bundle savedInstanceState) {
16         super.onCreate(savedInstanceState);
17         setContentView(R.layout.activity_main);
18         button = (Button) findViewById(R.id.button);
19         imageview = (ImageView) findViewById(R.id.imageview);
20         button.setOnClickListener(this);
21         imageview.setOnClickListener(this);
22     }
23 
24     public void onClick(View v) {
25         switch(v.getId())
26         {
27             case R.id.button:
28             {
29 //                float fromXDelta = imageview.getX();
30 //                float fromYDelta = imageview.getY();
31 //                TranslateAnimation animation = new TranslateAnimation(fromXDelta, fromXDelta + 200, fromYDelta, fromYDelta);
32 //                animation.setFillAfter(true);
33 //                animation.setDuration(1000);
34 //                imageview.startAnimation(animation);
35                 //这里通过工厂方法来创建一个ObjectAnimator的对象
36                 /*
37                  * 第一个参数:需要加载该动画的view
38                  * 第二个参数:操作命令(translationY -- 对Y轴进行操作, translationX--对X轴进行操作)
39                  * 第三个参数:需要操作的对称轴的原坐标
40                  * 第四个参数:操作后的坐标
41                  */
42                 ObjectAnimator oa = ObjectAnimator.ofFloat(imageview, "translationY", 0F, 100F);
43                 oa.setDuration(1000);
44                 oa.start();
45                 break;
46             }
47             case R.id.imageview:
48             {
49                 break;
50             }
51         }
52     }
53     
54 }

 

安卓中的动画之属性动画(1)

标签:

原文地址:http://www.cnblogs.com/Stay-Hungry-Stay-Foolish/p/5892348.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!