安卓动画完全用XML文件配置

最新推荐文章于 2024-04-03 22:57:02 发布

梳子不爱头发

最新推荐文章于 2024-04-03 22:57:02 发布

阅读量234

点赞数

分类专栏： Android多媒体技术文章标签：安卓 xml动画配置叠加xml动画配置 AnimationUtils LoadAnimation

Android多媒体技术专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何使用XML文件配置Android中的各种动画效果，包括淡入淡出、缩放、旋转及组合动画，通过简单的代码实现复杂动画效果。

前面我们的动画完全用代码实现，看起来又烦又糟糕，又不好修改，能不能定义一种规范，或者模板直接调用呢，这里教你用xml文件配置我们之前实现的所有动画，符合MVC设计原理，又干净整洁大方。

首先定义一个alpha.xml模板

合理我们实现一个淡入淡出的效果，所以呢在res下新建一个文件夹，专门用来定义动画的anim

然后新建alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<alpha
    android:fromAlpha="1.0"
    android:toAlpha="0.0"
    android:duration="3000"
    
    
    />
</set>

然后主main.xml放一张图片，定义onclick方法beginxml

主函数Activity代码为：

public class MainActivity extends Activity {

	
	ImageView image;
  
    ViewGroup group;
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	
		image=(ImageView)super.findViewById(R.id.image);
		
		//group=(ViewGroup)super.findViewById(R.layout.activity_main);
		
		
	}
	public void beginxml(View v){
		Animation a=AnimationUtils.loadAnimation(MainActivity.this, R.anim.alpha);
		image.startAnimation(a);
		
	}

短短几行代码就实现了如下效果：

然后我们定义缩放的，异曲同工，建立scale.xml代码如下

 <scale
       android:fromXScale="1.0"
       android:toXScale="0.0"
       android:fromYScale="1.0"
       android:toYScale="0.0"
       android:repeatCount="3"
       android:pivotX="50%"
       android:pivotY="50%"
       android:startOffset="100"
       android:duration="3000" 
        
        />

Activity代码实现同上，只不过位置要变化到scale位置

实现效果如下：

接下来我们实现旋转

代码：

<rotate
    android:fromDegrees="0.0"
    android:toDegrees="360.0"
    android:pivotX="50%p"
    android:pivotY="50%p"
    android:duration="3000"
xmlns:android="http://schemas.android.com/apk/res/android"/>

Activity配置同上

效果：

一个个实现是否已经嫌累了，这样，我们定义打包实现，建立all.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate 
     android:fromXDelta="0.0"
     android:toXDelta="50%"
     android:fromYDelta="0.0"
     android:toYDelta="150%"
     android:duration="3000" />
     <scale
       android:fromXScale="1.0"
       android:toXScale="0.0"
       android:fromYScale="1.0"
       android:toYScale="0.0"
       android:repeatCount="3"
       android:pivotX="50%"
       android:pivotY="50%"
       android:startOffset="100"
       android:duration="3000" 
        
        />

</set>

实现原理如上，实现效果叠加