簡易仿ios菊花載入loading圖

摘要： 原文連結： https://mp.weixin.qq.com/s/wBbQgOfr59wntNK9ZJ5iRw 專案中經常會用到載入資料的loading顯示圖，除了設計根據app自身設計的動畫loading，一般用的比較多的是仿照ios 的菊花載入loading 圖，當然一些條...

原文連結： ofollow,noindex" target="_blank">https://mp.weixin.qq.com/s/wBbQgOfr59wntNK9ZJ5iRw

使用ProgressBar 來載入動畫轉圈，這裡使用drawable檔案 定義轉圈動畫， indeterminateDrawable 屬性進行載入。

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@mipmap/load"
android:pivotX="50%"
android:pivotY="50%" />

<ProgressBar
android:id="@+id/progressBar"
android:layout_width="50dp"
android:layout_height="50dp"
android:indeterminateDrawable="@drawable/anim" />

部分情況下，在載入成功/ 失敗之後會顯示對應的靜態圖片，所以一開始想直接通過 setIndeterminateDrawable(Drawable d) 來載入靜態圖片，但是直接寫是顯示不出圖片的，還要設定Drawable 的位置 d.setBounds(Rect bounds) ，即使這樣加載出了靜態圖片，但是設定 R.drawable.anim 的轉圈動畫時 卻沒有了轉圈的效果，好氣喲 ~~

所以在自定義view 的佈局裡 成功/失敗的狀態單獨用 imageView 顯示

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="110dp"
android:layout_height="110dp"
android:background="@drawable/shape_dialog_bg"
android:gravity="center"
android:orientation="vertical">

<ProgressBar
android:id="@+id/progressBar"
android:layout_width="50dp"
android:layout_height="50dp"
android:indeterminateDrawable="@drawable/anim" />

<ImageView
android:id="@+id/iv"
android:visibility="gone"
android:layout_width="50dp"
android:layout_height="50dp" />

<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="正在載入"
android:textColor="#fff" />

</LinearLayout>

自定義view，提供三種狀態的方法。

public class LoadingView extends LinearLayout {

...建構函式...

/**
* loading
*/
public void showLoading() {
iv.setVisibility(GONE);
progressBar.setVisibility(VISIBLE);
}

/**
* 成功
*/
public void showSuccess() {
iv.setImageResource(R.mipmap.load_success);
iv.setVisibility(View.VISIBLE);
progressBar.setVisibility(GONE);
}

/**
*失敗
*/
public void showFail() {
iv.setImageResource(R.mipmap.load_fail);
iv.setVisibility(View.VISIBLE);
progressBar.setVisibility(GONE);
}

/**
* 提示文字
*
* @param txt string
*/
public void setText(String txt) {
tv.setText(txt);
}

/**
* 提示文字
*/
public void setText(@StringRes int txtId) {
tv.setText(txtId);
}

}

github地址： https://github.com/taixiang/loading

歡迎關注我的個人部落格： https://www.manjiexiang.cn/

更多精彩歡迎關注微信號：春風十里不如認識你

一起學習，一起進步，有問題隨時聯絡，一起解決！！！