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

Android分别通过代码和xml实现动画效果

时间:2016-06-03 21:21:29      阅读:276      评论:0      收藏:0      [点我收藏+]

标签:

一.Android动画类型

 

Android的animation由四种类型组成:

XML中

alph 渐变透明度动画效果
scale 渐变尺寸伸缩动画效果
translate 画面转换位置移动动画效果
rotate 画面转移旋转动画效果

 

 

 

 

 

JavaCode中

AlphaAnimation 渐变透明度动画效果
ScaleAnimation 渐变尺寸伸缩动画效果
TranslateAnimation 画面转换位置移动动画效果
RotateAnimation 画面转移旋转动画效果

 

 

 

 

 二.Android动画模式

Animation主要有两种动画模式:

一种是tweened animation(渐变动画)

XML中 JavaCode
alpha AlphaAnimation
scale ScaleAnimation

 

 

 

一种是frame by frame(画面转换动画) 

XML中 JavaCode
translate TranslateAnimation
rotate RotateAnimation

 

 

 

 

三.Android动画实现

1.通过代码实现动画效果

(1)透明度渐变效果

//1.创建透明度动画对象,数值越小越透明
        AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0.1f);
        //设置动画的持续时间
        alphaAnimation.setDuration(3000);
        //设置是否保留最终状态
//        alphaAnimation.setFillAfter(true);
        //设置重复次数,填-1无限循环
        alphaAnimation.setRepeatCount(2);

        //设置动画的重复模式,默认是Restart,Reverse是反方向执行
        alphaAnimation.setRepeatMode(Animation.REVERSE);
        //通过控件启动动画
        imageView.startAnimation(alphaAnimation);

 

(2)缩放效果

 

//相对控件自己的左上角为原点缩放
//        ScaleAnimation scaleAnimation = new ScaleAnimation(0.2f, 2, 0.2f, 2);
        //相对点(200,300)进行缩放
//        ScaleAnimation scaleAnimation = new ScaleAnimation(0.2f,2,0.2f,2,200,300);
        //相对控件自己的中心点进行缩放
//        ScaleAnimation scaleAnimation = new ScaleAnimation(0.2f,2,0.2f,2,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);



        //相对父容器的中心点进行缩放
        // fromX:开始缩放的X轴倍数。如1.0f:本身大小;如2.0f:从自己两倍开始
// toX:结束缩放的X轴倍数。同上...
// fromY:始缩放的Y轴倍数。
// toY:结束缩放的Y轴倍数。
/** pivotXType:X轴缩放中心点类型;可选值有:
 Animation.RELATIVE_TO_SELF相对自己--常用
 Animation.RELATIVE_TO_PARENT相对父窗体
 Animation.ABSOLUTE 绝对的---不常用
 */

// pivotXValue:在pivotXType的基础上,X轴缩放中心的位置。如:0.5f:缩放中心就在控件的一半的位置。如果是0.0f,则会在控件本身的左边位置
// pivotYType:X轴缩放中心点类型;同上 ...
// pivotYValue:在pivotYType的基础上,Y轴缩放中心的位置。
        ScaleAnimation scaleAnimation = new ScaleAnimation(0.5f, 2, 0.5f, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        scaleAnimation.setDuration(3000);
        imageView.startAnimation(scaleAnimation);

 


(3)旋转效果

 

  

//相对自己的左上角旋转,正数代表顺时针,负数逆时针
        RotateAnimation rotateAnimation = new RotateAnimation(0,-180);
        //相对(200,300)点旋转
        //RotateAnimation rotateAnimation = new RotateAnimation(0,-180,200,300);
        rotateAnimation.setDuration(3000);
        imageView.startAnimation(rotateAnimation);

 

(4)平移效果

 

 

/*new TranslateAnimation(fromXType, fromXValue, toXType, toXValue, fromYType, fromYValue, toYType, toYValue);

        例如:从控件自己的位置开始,向下移动自己的一倍距离。*/
        //TranslateAnimation translateAnimation = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 0,
         //       Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 1f);
//        TranslateAnimation translateAnimation = new TranslateAnimation(0,200,0,0);
        //获得屏幕宽度:
        int screenWidth = getResources().getDisplayMetrics().widthPixels;
        int imgeWidth = imageView.getWidth();
        //TranslateAnimation translateAnimation = new TranslateAnimation(0,screenWidth-imgeWidth,0,0);
        TranslateAnimation translateAnimation = new TranslateAnimation(0,200,0,0);
        translateAnimation.setDuration(3000);
        translateAnimation.setFillAfter(true);
        imageView.startAnimation(translateAnimation);

(5)动画集合效果

@Override  
public void onCreate(Bundle savedInstanceState) {               //重载onCreate方法  
    super.onCreate(savedInstanceState);  
    setContentView(R.layout.main);  
 
    final ImageView image=(ImageView)findViewById(R.id.imageView1); //ImageView对象  
    Button btn1=(Button)findViewById(R.id.button1);             //按钮对象  
    Button btn2=(Button)findViewById(R.id.button2);  
    final Animation translateAnimation=new TranslateAnimation(0,300,0,300);                                                                 //设置位置变化动画  
    final Animation scaleAnimation = new   
     ScaleAnimation(0f,1f,0f,1f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);  
                                                            //设置尺寸变化动画  
    final Animation alphaAnimation=new AlphaAnimation(0.1f,1.0f);   //设置透明度变化动画  
    btn1.setOnClickListener(new View.OnClickListener() {            //设置监听器  
          
        @Override  
        public void onClick(View v) {  
            // TODO Auto-generated method stub  
            translateAnimation.setDuration(10000);      //设置位置变化动画的持续时间  
            scaleAnimation.setDuration(10000);          //设置尺寸变化动画的持续时间  
            alphaAnimation.setDuration(10000);          //设置透明度渐变动画的持续时间  
            AnimationSet set=new AnimationSet(true);    //创建动画集对象  
            set.addAnimation(translateAnimation);       //添加位置变化动画  
            set.addAnimation(scaleAnimation);           //添加尺寸变化动画  
            set.addAnimation(alphaAnimation);           //添加透明度渐变动画  
            set.setFillAfter(true);                 //停留在最后的位置  
            set.setFillEnabled(true);  
            image.setAnimation(set);                    //设置动画  
            set.startNow();                         //启动动画  
        }  
    });  
    btn2.setOnClickListener(new View.OnClickListener() {    //设置监听器  
          
        @Override  
        public void onClick(View v) {  
            // TODO Auto-generated method stub  
            set.cancel();                               //取消动画执行  
        }  
    });  
}  

 

 

 

2.通过xml实现动画效果

(1)透明度渐变效果

 

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

 


(2)缩放效果

 

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="3000">
    <scale android:fromXScale="0.2" android:toXScale="1"
        android:pivotX="50%"
        android:pivotY="50%"
         android:fromYScale="0.2" android:toYScale="1"/>

</set>

 

(3)旋转效果

 

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="3000"
    android:repeatMode="reverse">
    <alpha android:fromAlpha="0.2" android:toAlpha="1"
        android:repeatCount="infinite"/>
    <rotate android:fromDegrees="0" android:toDegrees="180"
        android:pivotX="50%p" android:pivotY="50%p"/>
    <!--android:pivotX="50%p"  50%p代表的是相对父容器的中心点旋转
    android:pivotX="50%"  50%代表的是相对自己的中心点旋转
    -->
</set>

 


(4)平移效果

 

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="3000"
    android:fillAfter="true"
    android:interpolator="@android:anim/overshoot_interpolator">
    <!--
    android:fillAfter="true" 设置是否保留最终状态 如果是集合,需要在set节点中设置
    android:interpolator="@android:anim/overshoot_interpolator"  如果有集合,插值器要放在集合的属性中-->
    <translate
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="400"
        android:toYDelta="0"
        >
       <!-- android:repeatCount="infinite" 无限重复 只能在子节点中单独设置-->

    </translate>
</set>

 

(5)加载xml动画效果

//加载动画资源
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.translation_anim);
       //开启动画
        imageView.startAnimation(animation);

 

 

 

 



 

Android分别通过代码和xml实现动画效果

标签:

原文地址:http://www.cnblogs.com/zzhyzy/p/5557552.html

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