1. 程式人生 > >Android之仿美團載入資料幀動畫

Android之仿美團載入資料幀動畫

-----------------轉載請註明出處:http://blog.csdn.net/android_cll

一:先來張效果圖(這裡是GIF動畫,我就截圖的所有沒有動畫,實際是動的):


二:實現步驟:

1、xml佈局、

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"> <TextView android:id="@+id/textview" android:layout_width="match_parent" android:layout_height="50dp" android:layout_alignParentBottom="true" android:layout_margin="20dp" android:background="@drawable/animationtk" android:gravity="center" android:text="點選彈出動畫" android
:textColor="#fff" android:textSize="18dp" /> </RelativeLayout>
2.activity程式碼、
package cll.com.myapplication;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;
/**
 * @Description 奔跑小人的動畫彈框,可以用作載入資料介面
 *  2017-4-3 http://blog.csdn.net/android_cll
*/ public class RuningManActivity extends Activity implements View.OnClickListener { private TextView textview;//點選按鈕 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.ac_runing_man); initlayout(); } /** * 例項化 */ private void initlayout() { textview = (TextView) findViewById(R.id.textview); textview.setOnClickListener(this); } /** * 顯示美團進度對話方塊 * * @param v */ public void showmeidialog(View v) { CustomProgressDialog dialog = new CustomProgressDialog(this, "正在載入中......", R.anim.animation); dialog.setCanceledOnTouchOutside(false);//設定是否可以點選外部消失 dialog.setCancelable(false);//設定是否可以按退回鍵取消 dialog.show(); } @Override public void onClick(View view) { switch (view.getId()) { case R.id.textview: showmeidialog(view); break; } } }
3.自定義彈框工具類、
package cll.com.myapplication;
import android.app.ProgressDialog;
import android.content.Context;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.TextView;
/**
 * @Description:自定義載入資料彈框
* @author 2017-4-3 http://blog.csdn.net/android_cll
 */
public class CustomProgressDialog extends ProgressDialog {

   private AnimationDrawable mAnimation;
   private ImageView mImageView;
   private String mLoadingTip;
   private TextView mLoadingTv;
   private int mResid;
   public CustomProgressDialog(Context context, String content, int id) {
      super(context);
      this.mLoadingTip = content;
      this.mResid = id;
setCanceledOnTouchOutside(true);
}

   @Override
protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
initView();
initData();
}

   private void initData() {

      mImageView.setBackgroundResource(mResid);
// 通過ImageView物件拿到背景顯示的AnimationDrawable
mAnimation = (AnimationDrawable) mImageView.getBackground();
// 為了防止在onCreate方法中只顯示第一幀的解決方案之一
mImageView.post(new Runnable() {
         @Override
public void run() {
            mAnimation.start();
}
      });
mLoadingTv.setText(mLoadingTip);
}

   private void initView() {
      setContentView(R.layout.progress_dialog);
mLoadingTv = (TextView) findViewById(R.id.loadingTv);
mImageView = (ImageView) findViewById(R.id.loadingIv);
}

}
4.自定義彈框的xml佈局、
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:orientation="vertical" >
    <ImageView
android:id="@+id/loadingIv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@anim/animation"/>
    <TextView
android:id="@+id/loadingTv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/loadingIv"
android:textColor="#fff"
android:layout_centerHorizontal="true"
android:textSize="20sp"
android:text="正在載入中.." />
</RelativeLayout>
5.anim檔案下的幀動畫檔案
<?xml version="1.0" encoding="utf-8"?>  
<animation-list  
android:oneshot="false"
xmlns:android="http://schemas.android.com/apk/res/android" 
>   
    <item android:drawable="@mipmap/progress_loading_image" android:duration="150"/>
     <item android:drawable="@mipmap/progress_loading_imagey" android:duration="150"/>
</animation-list>   

-------------------------到此載入資料彈框的幀動畫功能就實現了,不喜勿噴,都有註釋就不用解釋太多、