先看效果吧
要实现这样的效果 就是中间的那个 正在拼命加载数据中 然后是那个动画在不停的旋转,
其实这个过程 是在你访问网络数据请求的时候,出现的,一般只停留几秒钟的效果
看了效果图,接下来介绍下这个如何实现的,首先我们需要去了解他的原理,我这里面使用的是:AnimationDrawable
设置Android:oneshot属性为true,表示此次动画只执行一次,最后停留在最后一帧。
设置为false则动画循环播放。文件可以添加为Image背景,触发的时候播放。
使用:
方式1:Drawable Animation本身就是一个Drawable资源文件,所以直接在xml中设置为指定View的背景即可。animation.start().
方式2:通过View. setBackgroundResource(resID). animation.start().
<?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(); } }); } }
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; }
注意:
一旦给指定View设置Drawable Animation之后,其BackGround就变成AnimationDrawable对象,
代码如下: rocketAnimation = (AnimationDrawable) rocketImage.getBackground();
start()方法不能在onCreate()函数中调用。
因为AnimationDrawable并未完全关联到Window,
在onCreate()方法中,View并未完成显示(同理,在此方法中测量某个View的宽高,常得到0值。也同理SurfaceHolder要增加Callback方法)。
在此如果想最快的启动动画,使用监听方法onWindowFoucsChanged().
突然想到,组件的宽高无法获得的原因可能是组件并未完全关联到Window测试:在此监听方法下,获取指定组件(TextView)的宽高。
Xml文件如下:
代码如下: