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

先看效果吧

效果：

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

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

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

原理：

Drawable animation可以加载Drawable资源实现帧动画。

AnimationDrawable是实现Drawable animations的基本类。

推荐用XML文件的方法实现Drawable动画，不推荐在代码中实现。

这种XML文件存放在工程中res/drawable/目录下。

XML文件的指令(即属性)为动画播放的顺序和时间间隔。

 在XML文件中<animation-list>元素为根节点，<item>节点定义了每一帧，表示一个drawable资源的帧和帧间隔。下面是一个XML文件的实例:

1. <animation-list xmlns:android="http://schemas.android.com/apk/res/android"  
2.   
3.     android:oneshot="true">  
4.   
5.     <item android:drawable="@drawable/rocket_thrust1" android:duration="200" />  
6.   
7.     <item android:drawable="@drawable/rocket_thrust2" android:duration="200" />  
8.   
9.     <item android:drawable="@drawable/rocket_thrust3" android:duration="200" />  
10.   
11. </animation-list>  

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

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

使用：

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

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

实现：

了解上面的原理之后，我们接下来实现文章开头图片所示的功能，

首先需要的可能是： XML文件的指令(即属性)为动画播放的顺序和时间间隔。

<?xml version="1.0" encoding="utf-8"?>
<animation-list android:oneshot="false"  
xmlns:android="http://schemas.android.com/apk/res/android">  
  <item android:duration="100" android:drawable="@drawable/loading_1" />  
  <item android:duration="100" android:drawable="@drawable/loading_2" />  
  <item android:duration="100" android:drawable="@drawable/loading_3" />  
  <item android:duration="100" android:drawable="@drawable/loading_4" />  
  <item android:duration="100" android:drawable="@drawable/loading_5" />  
  <item android:duration="100" android:drawable="@drawable/loading_6" />  
  <item android:duration="100" android:drawable="@drawable/loading_7" />  
</animation-list>   

其次需要的是：布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/lodingRelativeLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#00ffffff"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/lodding"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_centerHorizontal="true"
        
        android:layout_centerVertical="true" 
        />

    <TextView
        android:id="@+id/lodiing_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/lodding"
        android:layout_centerHorizontal="true"
        android:text="正在拼命加载数据中……"
        android:textColor="#3C3C3C"
        android:singleLine="true"
        android:ellipsize="none"
        android:textSize="12sp" />

</RelativeLayout>

再次就是动态加载的类：

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