首页 > 移动平台 > 详细

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

时间:2015-05-27 02:17:39      阅读:345      评论:0      收藏:0      [点我收藏+]

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

?

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


bubuko.com,布布扣
?
bubuko.com,布布扣
?然后我们定义缩放的,异曲同工,建立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位置

实现效果如下:


bubuko.com,布布扣
?接下来我们实现旋转

代码:

<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配置同上

效果:

?
bubuko.com,布布扣
?一个个实现是否已经嫌累了,这样,我们定义打包实现,建立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>

?

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

?

?

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

原文:http://429899791.iteye.com/blog/2214567

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!