Android 布局动画（转载）

 当然，在这里你是无法看到动态的动画效果的，当然如果你将笔者的代码运行，自然是可以看到动画效果的。这里的效果是说，当我们的list中的每一项最终显示为上图中的样子前展示给我们的动画效果。

       让我们看看activity代码：

java代码：

2. package eoe.demo; 
4. import android.app.Activity; 
5. import android.os.Bundle; 
6. import android.widget.ArrayAdapter; 
7. import android.widget.ListView; 
10. /** 
11. * @description 布局动画 
12. * 何谓布局动画：将容器内的视图制作成动画，它是补间动画的一种。当 
13. * 前的例子中，我们要将listView容器中的内容做成动画 
14. */ 
17. public class Animation2Activity extends Activity{ 
18. ListView listView; 
19. String[]city = new String[]{ 
20. "中关村", 
21. "海淀剧院", 
22. "海淀医院", 
23. "人民大学" 
24. }; 
26. @Override 
27. protected void onCreate(Bundle savedInstanceState) { 
28. super.onCreate(savedInstanceState); 
29. setContentView(R.layout.animation2); 
30. listView = (ListView) findViewById(R.id.listView_animation2); 
31. //声明一个适配器，context为this，布局为layout.simple_list_item_1，列表为city
32. ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, city); 
33. listView.setAdapter(adapter); 
34. } 
37. }

复制代码

       animation2.xml布局文件：

java代码：

2. <?xml version="1.0" encoding="utf-8"?> 
3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
4. android:layout_width="fill_parent" 
5. android:layout_height="fill_parent" 
6. android:orientation="vertical"> 
7. <ListView 
8. android:layout_width="fill_parent" 
9. android:id="@+id/listView_animation2" 
10. android:persistentDrawingCache="animation|scrolling" 
11. android:layoutAnimation="@anim/animation2_drawable" 
12. android:layout_height="wrap_content">
13. </ListView> 
14. </LinearLayout> 
15. <!-- 
16. 我们可以看到，在ListView的布局设置中，我们设置了两个和动画相关的属性： 
17. android:persistentDrawingCache:该属性建议进行设置，它会对动画和滚动效果进行优化。 
18. android:layoutAnimation:当前布局容器所对应的动画关联文件，注意，这里指定的是动画关联文件，而并非动画声明文件 
19. --> 

复制代码

       动画声明文件：

java代码：

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"> 
4. <scale 
5. android:fromXScale="1" 
6. android:toXScale="1" 
7. android:fromYScale="0.1" 
8. android:toYScale="1.0" 
9. android:duration="1000" 
10. android:pivotX="50%" 
11. android:pivotY="50%" 
12. android:startOffset="100"> 
13. </scale> 
15. </set> 
16. <!-- 
17. 动画声明文件 该文件位于res/anim文件夹下 
18. 对动画的具体行为进行定义： 
19. android:fromXScale="1" 
20. android:toXScale="1"指定了在X轴上，不进行缩放 
22. android:fromYScale="0.1" 
23. android:toYScale="1.0" 指定了再Y轴上，从十分之一开始方法，一直放大到正常大小 
25. android:duration="1000"动画展示的时间 
27. android:pivotX="50%" 
28. android:pivotY="50%" 在动画执行的中间点，对象的大小在X/Y轴上都是50% 
30. android:startOffset="100" 改动画执行之前等待的毫秒数 
31. --> 

复制代码

       动画关联文件：

xml代码：

1. <?xml version="1.0" encoding="utf-8"?> 
2. <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android" 
3. android:delay="30%" 
4. android:animationOrder="reverse" 
5. android:animation="@anim/scale_anim" 
6. > 
7. </layoutAnimation> 
9. <!-- 动画关联文件 该文件位于res/anim文件夹下 
10. 该文件是容器和动画声明文件的中间媒介，它绑定到了一个动画声明文件， 
11. 并且对该动画的一些播放属性进行了设置，例如这里的 
12. android:delay 每一项动画应该在延迟动画总时间的30%开始执行(当前列表有多个动画时使用)， 
13. 延迟动画总时间对应着动画声明文件中android:startOffset的总和 
14. android:animationOrder：列表中的动画的执行顺序(当前列表有多个动画时使用) 
15. android:animation 指定了动画声明文件 
16. --> 
17. <?xml version="1.0" encoding="utf-8"?>
18. <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
19. android:delay="30%"
20. android:animationOrder="reverse"
21. android:animation="@anim/scale_anim"
22. >
23. </layoutAnimation>
25. <!-- 动画关联文件 该文件位于res/anim文件夹下
26. 该文件是容器和动画声明文件的中间媒介，它绑定到了一个动画声明文件，
27. 并且对该动画的一些播放属性进行了设置，例如这里的
28. android:delay 每一项动画应该在延迟动画总时间的30%开始执行(当前列表有多个动画时使用)，
29. 延迟动画总时间对应着动画声明文件中android:startOffset的总和
30. android:animationOrder：列表中的动画的执行顺序(当前列表有多个动画时使用)
31. android:animation 指定了动画声明文件
32. -->

复制代码

        上面只是展示了一个缩放动画，那么常见的动画还有那些呢？

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"> 
4. <!-- rotate旋转动画，围绕着文本的中心旋转一圈 --> 
5. <rotate 
6. android:fromDegrees="0.0" 
7. android:toDegrees="360" 
8. android:pivotY="50%" 
9. android:pivotX="50%" 
10. android:duration="5000" 
11. ></rotate> 
12. <!-- translate代表着移动动画，改动画将文本从当前所分配的显示空间的顶部移动到底部 --> 
13. <translate 
14. android:fromYDelta="-100%" 
15. android:toYDelta="0" 
16. android:duration="10000" 
17. ></translate> 
18. <!-- alpha代表着可见度渐变动画,从不可见，变为完全可见 --> 
19. <alpha 
20. android:fromAlpha="0.0" 
21. android:toAlpha="1.0" 
22. android:duration="3000" 
23. ></alpha> 
24. </set> 

复制代码

       在这里，我们可以看到，无论是哪个动画声明文件中，都有这么一行代码：

xml代码：

1. android:interpolator="@android:anim/accelerate_interpolator"

复制代码