Android之仿美團載入資料幀動畫
阿新 • • 發佈:2019-02-13
-----------------轉載請註明出處: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"2.activity程式碼、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>
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_cll3.自定義彈框工具類、*/ 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; } } }
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>
-------------------------到此載入資料彈框的幀動畫功能就實現了,不喜勿噴,都有註釋就不用解釋太多、