Android用Animation实现图像的 渐变、缩放、位移、旋转

  Android 平台提供了两类动画。 一类是Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）。

下面就讲一下Tweene Animations。

主要类：

Animation   动画

AlphaAnimation 渐变透明度

RotateAnimation 画面旋转

ScaleAnimation 渐变尺寸缩放

TranslateAnimation 位置移动

AnimationSet  动画集

一.AlphaAnimation

其中AlphaAnimation类第一个参数fromAlpha表示动画起始时的透明度， 第二个参数toAlpha表示动画结束时的透明度。 

setDuration用来设置动画持续时间。

二.RotateAnimation

其中RotateAnimation类第一个参数fromDegrees表示动画起始时的角度， 第二个参数toDegrees表示动画结束时的角度。 

另外还可以设置伸缩模式pivotXType、pivotYType， 伸缩动画相对于x,y 坐标的开始位置pivotXValue、pivotYValue等。

三.ScaleAnimation

ScaleAnimation类中

第一个参数fromX ,第二个参数toX:分别是动画起始、结束时X坐标上的伸缩尺寸。

第三个参数fromY ,第四个参数toY:分别是动画起始、结束时Y坐标上的伸缩尺寸。

另外还可以设置伸缩模式pivotXType、pivotYType， 伸缩动画相对于x,y 坐标的开始位置pivotXValue、pivotYValue等。

四.TranslateAnimation

第一个参数fromXDelta ,第二个参数toXDelta:分别是动画起始、结束时X坐标。

第三个参数fromYDelta ,第四个参数toYDelta:分别是动画起始、结束时Y坐标。

下面我实现的这个例子是使得图片有上述四个动画效果，且其中第五实现的是两个效果的重叠，具体的实现截图如下：

点击各个按钮会做出相应的反应。

本实例用到的布局文件如下：

    <?xml version="1.0" encoding="utf-8"?>  
    <AbsoluteLayout  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        xmlns:android="http://schemas.android.com/apk/res/android">  
    <Button  
        android:id="@+id/button_scale"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="scale"  
        android:layout_x="5dp"  
        android:layout_y="383dp" />  
    <Button  
        android:id="@+id/button_rotate"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="rotate"  
        android:layout_x="158dp"  
        android:layout_y="383dp" />  
    <Button  
        android:id="@+id/button_alpha"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="alpha"  
        android:layout_x="5dp"  
        android:layout_y="331dp" />  
    <Button  
        android:id="@+id/button_translate"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="translate"  
        android:layout_x="160dp"  
        android:layout_y="329dp" />  
    <Button  
        android:id="@+id/button_alpha_translate"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="alpha_translate"  
        android:layout_x="84dp"  
        android:layout_y="265dp" />  
      
    <ImageView  
        android:id="@+id/imageview"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_x="105dp"  
        android:layout_y="133dp"   
        android:src="@drawable/ic_launcher"  
        />  
    </AbsoluteLayout>  

实现本实例的源代码如下：

    public class Animations_Activity extends Activity {  
        private Button button1;  
        private Button button2;  
        private Button button3;  
        private Button button4;  
        private Button button5;  
        private ImageView imageView;  
      
        @Override  
        protected void onCreate(Bundle savedInstanceState) {  
            super.onCreate(savedInstanceState);  
            setContentView(R.layout.activity_animations_);  
            button1=(Button)findViewById(R.id.button_alpha);  
            button2=(Button)findViewById(R.id.button_rotate);  
            button3=(Button)findViewById(R.id.button_scale);  
            button4=(Button)findViewById(R.id.button_translate);  
            button5=(Button)findViewById(R.id.button_alpha_translate);  
            imageView=(ImageView)findViewById(R.id.imageview);  
            button1.setOnClickListener(new MyButton());  
            button2.setOnClickListener(new MyButton());  
            button3.setOnClickListener(new MyButton());  
            button4.setOnClickListener(new MyButton());  
            button5.setOnClickListener(new MyButton());  
        }  
        class MyButton implements OnClickListener{  
      
            @Override  
            public void onClick(View arg0) {  
                // TODO Auto-generated method stub  
                switch (arg0.getId()) {  
                case R.id.button_alpha:  
                    Alpha();  
                    break;  
                case R.id.button_rotate:  
                    Rotata();  
                    break;  
                case R.id.button_scale:  
                    Scale();  
                    break;  
                case R.id.button_translate:  
                    Translate();  
                    break;  
                case R.id.button_alpha_translate:  
                    Alpha_Translate();  
                    break;  
      
                default:  
                    break;  
                }  
            }  
              
        }  
          
        /* 
         * 1.创建一个AnimationSet对象，该对象存储的是动画的集合 
         * 2.根据需要创建相应的Animation对象 
         * 3.根据动画的需求，为Animation对象设置相应的数据（即执行效果） 
         * 4.奖Animation对象添加到AnimationSet对象当中 
         * 5.使用控件对象开始执行AnimationSet 
         */  
        public void Alpha() {  
            AnimationSet animationSet=new AnimationSet(true);  
            AlphaAnimation alphaAnimation=new AlphaAnimation(1, 0);  
            alphaAnimation.setDuration(2000);  
            animationSet.addAnimation(alphaAnimation);  
            imageView.startAnimation(animationSet);  
        }  
        public void Rotata(){  
            AnimationSet animationSet=new AnimationSet(true);  
            //后面的四个参数定义的是旋转的圆心位置  
            RotateAnimation rotateAnimation=new RotateAnimation(  
                    0, 360,   
                    Animation.RELATIVE_TO_PARENT, 1f,  
                    Animation.RELATIVE_TO_PARENT, 0f);  
            rotateAnimation.setDuration(2000);  
            animationSet.addAnimation(rotateAnimation);  
            imageView.startAnimation(animationSet);  
        }  
        public void Scale() {  
            AnimationSet animationSet=new AnimationSet(true);  
            ScaleAnimation scaleAnimation=new ScaleAnimation(  
                    1, 0.1f, 1, 0.1f,   
                    Animation.RELATIVE_TO_SELF, 0.5f,   
                    Animation.RELATIVE_TO_SELF, 0.5f);  
            scaleAnimation.setDuration(2000);  
            animationSet.addAnimation(scaleAnimation);  
            imageView.startAnimation(scaleAnimation);  
        }  
        public void Translate() {  
            AnimationSet animationSet=new AnimationSet(true);  
            TranslateAnimation translateAnimation=new TranslateAnimation(  
                    Animation.RELATIVE_TO_SELF, 0f,  //X轴的开始位置  
                    Animation.RELATIVE_TO_SELF, 0.5f,  //X轴的结束位置  
                    Animation.RELATIVE_TO_SELF, 0f,  //Y轴的开始位置  
                    Animation.RELATIVE_TO_SELF, 1.0f);  //Y轴的结束位置  
            translateAnimation.setDuration(2000);  
            animationSet.addAnimation(translateAnimation);  
              
            /* 
             * 第一行的设置如果为true，则动画执行完之后效果定格在执行完之后的状态 
             * 第二行的设置如果为false，则动画执行完之后效果定格在执行完之后的状态 
             * 第三行设置的是一个long类型的值，是指动画延迟多少毫秒之后执行 
             * 第四行定义的是动画重复几次执行 
             */  
            animationSet.setFillAfter(true);  
            animationSet.setFillBefore(false);  
            animationSet.setStartOffset(2000);  
            animationSet.setRepeatCount(3);  
              
            imageView.startAnimation(animationSet);  
        }  
        public void Alpha_Translate() {  
            AnimationSet animationSet=new AnimationSet(true);  
            AlphaAnimation alphaAnimation=new AlphaAnimation(1, 0);  
            alphaAnimation.setDuration(2000);  
            animationSet.addAnimation(alphaAnimation);  
            TranslateAnimation translateAnimation=new TranslateAnimation(  
                    Animation.RELATIVE_TO_SELF, 0f,  //X轴的开始位置  
                    Animation.RELATIVE_TO_SELF, 0.5f,  //X轴的结束位置  
                    Animation.RELATIVE_TO_SELF, 0f,  //Y轴的开始位置  
                    Animation.RELATIVE_TO_SELF, 1.0f);  //Y轴的结束位置  
            translateAnimation.setDuration(2000);  
            animationSet.addAnimation(translateAnimation);  
            imageView.startAnimation(animationSet);  
        }  
      
        @Override  
        public boolean onCreateOptionsMenu(Menu menu) {  
            // Inflate the menu; this adds items to the action bar if it is present.  
            getMenuInflater().inflate(R.menu.activity_animations_, menu);  
            return true;  
        }  
      
    }  

标签： 代码

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。