AnimationDrawable 实现正在加载的旋转动画

先看效果吧

效果:

AnimationDrawable 实现正在加载的旋转动画_第1张图片

要实现这样的效果  就是中间的那个   正在拼命加载数据中  然后是那个动画在不停的旋转,

其实这个过程      是在你访问网络数据请求的时候,出现的,一般只停留几秒钟的效果   


看了效果图,接下来介绍下这个如何实现的,首先我们需要去了解他的原理,我这里面使用的是:AnimationDrawable 


原理:

Drawable animation可以加载Drawable资源实现帧动画。
AnimationDrawable是实现Drawable animations的基本类。
推荐用XML文件的方法实现Drawable动画,不推荐在代码中实现。
这种XML文件存放在工程中res/drawable/目录下。
XML文件的指令(即属性)为动画播放的顺序和时间间隔。

 在XML文件中元素为根节点,节点定义了每一帧,表示一个drawable资源的帧和帧间隔。下面是一个XML文件的实例:
  1. "http://schemas.android.com/apk/res/android"  
  2.   
  3.     android:oneshot="true">  
  4.   
  5.     "@drawable/rocket_thrust1" android:duration="200" />  
  6.   
  7.     "@drawable/rocket_thrust2" android:duration="200" />  
  8.   
  9.     "@drawable/rocket_thrust3" android:duration="200" />  
  10.   
  11.  

设置Android:oneshot属性为true,表示此次动画只执行一次,最后停留在最后一帧。

设置为false则动画循环播放。文件可以添加为Image背景,触发的时候播放。

使用:

    方式1:Drawable Animation本身就是一个Drawable资源文件,所以直接在xml中设置为指定View的背景即可。animation.start().

    方式2:通过View. setBackgroundResource(resID).    animation.start().


实现:

了解上面的原理之后,我们接下来实现文章开头图片所示的功能,
首先需要的可能是: XML文件的指令(即属性)为动画播放的顺序和时间间隔。

  
    
    
    
    
    
    
    
   

其次需要的是:布局文件



    

    


再次就是动态加载的类:
public class LoadingAinm {
	 public static void ininLoding(Activity activity){//正在加载的 旋转动画
		  ImageView loadingImageView=(ImageView)activity.findViewById(R.id.lodding);//找到旋转动画的视图控件
		  TextView loadingTextView=(TextView)activity.findViewById(R.id.lodiing_text);//文字是不用动态变化的
	    	loadingImageView.setBackgroundResource(R.anim.lodding);//帧播放的设置文件  
	        final AnimationDrawable animationDrawable = (AnimationDrawable)loadingImageView.getBackground();
	    	loadingImageView.post(new Runnable() {
	    	    @Override
	    	        public void run()  {
	    	            animationDrawable.start();
	    	        }
	    	});
	    }
}

最后就是  相应的activity中需要怎么使用就可以了:

public class MyFragment extends Fragment {
	private ListView listView;
	private MyAdapter adapter;
	private RelativeLayout loadRelativeLayout;
	private LinearLayout dataLinearLayout;
	
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		View view =inflater.inflate(R.layout.my_fragment, container, false);
		listView=(ListView) view.findViewById(R.id.my_listview);
		adapter=new MyAdapter(getActivity());
		new DownData().execute();
		loadRelativeLayout=(RelativeLayout) view.findViewById(R.id.lodingRelativeLayout);
		dataLinearLayout=(LinearLayout) view.findViewById(R.id.huodongLinearlayout);
		LoadingAinm.ininLoding(view);
		return view;
	}

看到上面最后第二行代码:LoadingAinm.ininLoding(view)
这样就实现了当异步请求数据没有完成的时候,界面上显示的是正在加载的动画

其他的知识:

注意:

一旦给指定View设置Drawable Animation之后,其BackGround就变成AnimationDrawable对象,

代码如下: rocketAnimation = (AnimationDrawable) rocketImage.getBackground();

start()方法不能在onCreate()函数中调用。

因为AnimationDrawable并未完全关联到Window,

在onCreate()方法中,View并未完成显示(同理,在此方法中测量某个View的宽高,常得到0值。也同理SurfaceHolder要增加Callback方法)。

在此如果想最快的启动动画,使用监听方法onWindowFoucsChanged().

突然想到,组件的宽高无法获得的原因可能是组件并未完全关联到Window测试:在此监听方法下,获取指定组件(TextView)的宽高。

Xml文件如下:

[html]  view plain copy
  1. <TextView   
  2.   
  3.         android:id="@+id/textView"   
  4.   
  5.         android:layout_width="50dip"   
  6.   
  7.         android:layout_height="100dip"   
  8.   
  9.         android:text="@string/special_character" />   

代码如下:       

[java]  view plain copy
  1. @Override   
  2.   
  3.     public void onWindowFocusChanged(boolean hasFocus) {   
  4.   
  5.         // TODO Auto-generated method stub   
  6.         super.onWindowFocusChanged(hasFocus);   
  7.   
  8.         specialCharacterStr = (String) mTextView.getText();   
  9.         Log.d("special_character""specialCharacterStr is :" + specialCharacterStr);         
  10.   
  11.         int width = mTextView.getMeasuredWidth();   
  12.         int height = mTextView.getMeasuredHeight();   
  13.   
  14.         Log.d("window_focus""textview width is:" + width);   
  15.         Log.d("window_focus""textview height is:" + height);   
  16.     }  
  17.   
  18.   
  19.   
  20.   
  21. 可以获得宽和高,即只有当View完全关联到Window的情况下,才可以获得View的宽高和给View设置背景  
  22.   
  23. AnimationDrawable: android.graphic.drawable.AnimationDrawable  
  24.   
  25. //获得我们xml定义的AnimationDrawable  
  26.   
  27.               animDrawable=(AnimationDrawable) getResources().getDrawable(R.anim.frame_animation);  
  28.   
  29. 一段参考代码:  
  30.   
  31. @Override  
  32.   
  33.     publicvoid onWindowFocusChanged(boolean hasFocus) {  
  34.   
  35.        // TODO Auto-generated method stub  
  36.   
  37.        if(hasFocus) {  
  38.   
  39.            imageView.setBackgroundResource(R.anim.frame_animation);  
  40.   
  41.            animDrawable = (AnimationDrawable) imageView.getBackground();  
  42.   
  43.            animDrawable.start();  
  44.   
  45.            AlphaAnimation aas=new AlphaAnimation(0.1f,1.0f);  
  46.   
  47.            //设置动画时间长度  
  48.   
  49.            aas.setDuration(3500);  
  50.   
  51.            //启动动画  
  52.   
  53.            imageView.startAnimation(aas);  
  54.   
  55.            //设置动画监听  
  56.   
  57.            aas.setAnimationListener(new AnimationListener()  
  58.   
  59.            {  
  60.   
  61.               @Override  
  62.   
  63.               publicvoid onAnimationEnd(Animation arg0) {  
  64.   
  65.                   //停止帧动画  
  66.   
  67.                   imageView.setVisibility(View.GONE);  
  68.   
  69.                   Log.i(TAG,"FY_stop");  
  70.   
  71.                   animDrawable.stop();  
  72.   
  73.               }    
  74.   
  75.               @Override  
  76.   
  77.               publicvoid onAnimationRepeat(Animation animation) {  
  78.   
  79.               }  
  80.   
  81.               @Override  
  82.   
  83.               publicvoid onAnimationStart(Animation animation) {  
  84.   
  85.                   //将imageView的背景设置成动画  
  86.   
  87.                   imageView.setBackgroundResource(R.anim.frame_animation);  
  88.   
  89.                   animDrawable = (AnimationDrawable)imageView.getBackground();  
  90.   
  91.                   //设置动画透明度  
  92.   
  93.                   animDrawable.setAlpha(80);  
  94.   
  95.                   //启动动画  
  96.   
  97.                   animDrawable.start();  
  98.   
  99.               }              
  100.   
  101.            }  
  102.   
  103.            );  
  104.   
  105.        }    
  106.     }     
参考文章:http://blog.csdn.net/zqiang_55/article/details/8142785

你可能感兴趣的:(Android学习,android开发,动画)