zoukankan      html  css  js  c++  java
  • android动画-动画分类及代码演示样例

    原来一直对动画一知半解,仅仅知道依照网上的方法会用即可了,可是自己写起来感觉确实有点费劲,今天最终研究了代码实现,一下子感觉清晰多了。先把总结例如以下,代码中有具体的凝视。

    动画分类

       1.Peoperty Animation

          这个动画是Android3.0之后推出的眼下用处不大。

       2.View Animation

           这类动画也叫tween animation 主要分为 渐变动画(AlphaAnimation)旋转动画(RotateAnimation)

    缩放动画(ScaleAnimation)位移动画(TranslateAnimation)

     3.Drawable Animation

          这类动画也叫帧动画 FrameAnimation


    先上tween animation

    MainActivity.java

    package com.example.testanimation;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.Menu;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.view.animation.AlphaAnimation;
    import android.view.animation.Animation;
    import android.view.animation.AnimationSet;
    import android.view.animation.RotateAnimation;
    import android.view.animation.ScaleAnimation;
    import android.view.animation.TranslateAnimation;
    import android.widget.Button;
    import android.widget.ImageView;
    
    public class MainActivity extends Activity {
    
    	private ImageView imgView;
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    		
    		imgView = (ImageView)this.findViewById(R.id.imgView) ;
    		Button btnAlpha = (Button)this.findViewById(R.id.btnAlpha) ;
    		btnAlpha.setOnClickListener(new AnimationOnClickListener(AnimationType.alpha));
    		Button btnRotate = (Button)this.findViewById(R.id.btnRotate) ;
    		btnRotate.setOnClickListener(new AnimationOnClickListener(AnimationType.rotate));
    		Button btnTraslate = (Button)this.findViewById(R.id.btnTraslate) ;
    		btnTraslate.setOnClickListener(new AnimationOnClickListener(AnimationType.traslate));
    		Button btnScale = (Button)this.findViewById(R.id.btnScale) ;
    		btnScale.setOnClickListener(new AnimationOnClickListener(AnimationType.scale));
    		Button btnComplex = (Button)this.findViewById(R.id.btnComplex) ;
    		btnComplex.setOnClickListener(new AnimationOnClickListener(AnimationType.complex));
    		
    		
    	}
    	
    	enum AnimationType {
    		alpha,
    		rotate,
    		traslate,
    		scale,
    		complex
    	}
    	
    	class AnimationOnClickListener implements OnClickListener {
    		
    		private AnimationType mAnimationType;
    		
    		public AnimationOnClickListener (AnimationType animationType) {
    			this.mAnimationType = animationType;
    		}
    		
    		@Override
    		public void onClick(View v) {
    			switch (mAnimationType) {
    			case alpha:
    				/**
    				 * 透明度从不透明变为0.2透明度
    				 */
    				AlphaAnimation _alphaAnimation = new AlphaAnimation(1.0f, 0.2f);
    				_alphaAnimation.setDuration(200);
    				_alphaAnimation.setFillAfter(true);//动画运行完的状态显示
    				imgView.startAnimation(_alphaAnimation);
    				break;
    			case rotate:
    				/**
    				 * RotateAnimation 以图片中点为圆心旋转360度
    				 * params:
    				 * pivotXType 中心点x坐标类型 RELATIVE_TO_SELF相对于自己,RELATIVE_TO_PARENT相对于父view
    				 * pivotYType 同上
    				 * 
    				 * pivotXValue,pivotYValue(圆心)
    				 * 
    				 */
    				RotateAnimation _rotateAnimation = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    				_rotateAnimation.setDuration(3000);
    //				_rotateAnimation.setRepeatMode(Animation.REVERSE);
    				imgView.startAnimation(_rotateAnimation);
    				break;
    			case traslate:
    				/**
    				 * 依照图片的宽高2倍的位移移动
    				 */
    				TranslateAnimation _translateAnimation = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 2f, Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 2f);
    				_translateAnimation.setDuration(3000);
    				_translateAnimation.setFillAfter(true);
    				imgView.startAnimation(_translateAnimation);
    				break;
    			case scale:
    				/**
    				 * ScaleAnimation 以图片左上角为精巧点,依照1.5倍尺寸放大
    				 * params:
    				 * pivotXType 中心点x坐标类型 RELATIVE_TO_SELF相对于自己,RELATIVE_TO_PARENT相对于父view
    				 * pivotYType 同上
    				 * pivotXValue,pivotYValue(精巧点)
    				 */
    				ScaleAnimation _scaleAnimation = new ScaleAnimation(1.0f, 1.5f, 1.0f, 1.5f, Animation.RELATIVE_TO_PARENT, 0f, Animation.RELATIVE_TO_SELF, 0f);
    				_scaleAnimation.setDuration(300);
    				_scaleAnimation.setZAdjustment(Animation.ZORDER_TOP);
    				_scaleAnimation.setRepeatCount(1);
    				_scaleAnimation.setRepeatMode(Animation.REVERSE);//必须设置setRepeatCount此设置才生效,动画运行完毕之后依照逆方式动画返回
    				imgView.startAnimation(_scaleAnimation);
    				break;
    			case complex:
    				AnimationSet _animationSet = new AnimationSet(false);
    				AlphaAnimation _alphaAnimation2 = new AlphaAnimation(1.0f, 0.2f);
    				_alphaAnimation2.setDuration(1000);
    				_alphaAnimation2.setRepeatCount(1);
    				_alphaAnimation2.setRepeatMode(Animation.REVERSE);
    //				_alphaAnimation2.setFillAfter(true);//设此地方不好使,必须设置到AnimationSet中
    				
    				
    				TranslateAnimation _translateAnimation2 = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 2f, Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 2f);
    				_translateAnimation2.setDuration(1000);
    				_translateAnimation2.setRepeatCount(1);
    				_translateAnimation2.setRepeatMode(Animation.REVERSE);
    //				_translateAnimation2.setFillAfter(true);
    				
    				_animationSet.addAnimation(_alphaAnimation2);
    				_animationSet.addAnimation(_translateAnimation2);
    				_animationSet.setFillAfter(true);
    //				_animationSet.setRepeatCount(1);
    //				_animationSet.setRepeatMode(Animation.REVERSE);//这两个属性设此地不好使,必须单个设置
    				
    				imgView.startAnimation(_animationSet);
    				break;
    
    			default:
    				break;
    			}
    			
    		}
    	}
    
    	@Override
    	public boolean onCreateOptionsMenu(Menu menu) {
    		// Inflate the menu; this adds items to the action bar if it is present.
    		getMenuInflater().inflate(R.menu.main, menu);
    		return true;
    	}
    
    }
    
    activity_main.xml

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context=".MainActivity" >
    
        <ImageView
            android:id="@+id/imgView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />
    
        <Button
            android:id="@+id/btnAlpha"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="alpha" />
    
        <Button
            android:id="@+id/btnRotate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="rotate" />
    
        <Button
            android:id="@+id/btnTraslate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="traslate" />
    
        <Button
            android:id="@+id/btnScale"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="scale" />
    
        <Button
            android:id="@+id/btnComplex"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="animationSet" />
    
    </LinearLayout>

    以下为frame animation

    public class FrameAnimationAcitvity extends Activity {
    	private ImageView imageView;
    	private AnimationDrawable ad;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
        	super.onCreate(savedInstanceState);
        	setContentView(R.layout.animation_list);
        	Button button=(Button)findViewById(R.id.button1);
        	imageView=(ImageView)findViewById(R.id.imageView1);
        	imageView.setBackgroundResource(R.drawable.framedrawable);
        	ad=(AnimationDrawable)imageView.getBackground();
        	button.setOnClickListener(new View.OnClickListener() {
    			@Override
    			public void onClick(View v) {
                      	ad.start();			
    			}
    		});
        }
    }
    framedrawable.xml

    <animation-list xmlns:android="http://schemas.android.com/apk/res/android" >
        <item android:drawable="@drawable/grid_liushui" android:duration="200"/>
        <item android:drawable="@drawable/grid_payout" android:duration="200"/>
        <item android:drawable="@drawable/grid_report" android:duration="200"/>
    </animation-list></span>


    附上tween动画的源代码下载链接

    http://download.csdn.net/detail/duanyu218/7449471


  • 相关阅读:
    linux--menuconfig
    linux--rcs
    linux--VSS/RSS/PSS/USS
    vi编辑器中发现文件中每行都有一个^M字符
    linux umount命令
    Linux mount命令
    Linux rmmod命令
    Linux lsmod命令
    Linux insmod命令
    linux--cpio文件
  • 原文地址:https://www.cnblogs.com/zfyouxi/p/4253783.html
Copyright © 2011-2022 走看看