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

                        前面我们的动画完全用代码实现,看起来又烦又糟糕,又不好修改,能不能定义一种规范,或者模板直接调用呢,这里教你用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>

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

猜你喜欢

转载自429899791.iteye.com/blog/2214567
今日推荐