一款超酷的Android自定義加載控件
在設計應用的時候,我們應該熱愛極簡主義,簡單就是好的,對于很多用戶來說,復雜的東西并不受歡迎。
我要實現(xiàn)的是根據(jù)不同的情況去顯示不同的加載效果,隨用隨調(diào),效果是借鑒于某一項目的效果,我認為有必要提取出來改善封裝一下,供以后使用。情況大致分為:加載中、無網(wǎng)絡、無數(shù)據(jù)、加載失敗等,這些僅僅就需要一個View 就可以搞定啦!
預覽下效果圖:
我們怎么實現(xiàn)這種效果呢
view_loading.xml的布局如下:
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:id="@+id/lin_loading" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:visibility="gone" android:orientation="vertical"> <ImageView android:id="@+id/img_loading" android:layout_width="100dp" android:layout_height="100dp" android:src="@drawable/loading_animation" /> <TextView android:id="@+id/tv_loading" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:layout_gravity="center_horizontal" android:textSize="14sp" /> </LinearLayout> <LinearLayout android:id="@+id/lin_load" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center" android:orientation="vertical" android:visibility="visible" > <ImageView android:id="@+id/iv_load" android:layout_width="100dp" android:layout_height="100dp" android:src="@mipmap/ic_launcher" /> <TextView android:id="@+id/tv_load" android:layout_width="wrap_content" android:layout_gravity="center_horizontal" android:layout_height="wrap_content" /> <Button android:id="@+id/btn_load" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="8dp" android:layout_gravity="center_horizontal" android:textSize="14sp" /> </LinearLayout> </FrameLayout>
從布局來看,我分了兩個部分,一個是加載中,另外一個是帶有ImagView、文字和按鈕的布局,有人看到這,就會說,哇靠,這不是很簡單嗎?根據(jù)不同的情況去設置Visibility的值就好了啊,沒錯,原理就是這樣。
XHLoadingView.java的代碼如下:
package com.woyou.loadingdemo.widget; import android.content.Context; import android.graphics.drawable.AnimationDrawable; import android.util.AttributeSet; import android.view.LayoutInflater; import android.view.View; import android.widget.Button; import android.widget.FrameLayout; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.TextView; import com.woyou.loadingdemo.LoadingState; import com.woyou.loadingdemo.R; /** * Created by Xiho on 11:21. */ public class XHLoadingView extends FrameLayout { private Context mContext; // 加載中的布局 private LinearLayout mLinearLoad; //其他加載的布局 private LinearLayout mLinearLoading; private TextView mTvLoading; private TextView mTvLoad; private ImageView mIvLoading; private ImageView mIvLoad; private Button mBtnLoad; private LoadingState mState; private AnimationDrawable animation; public XHLoadingView(Context context) { super(context); mContext = context; } public XHLoadingView(Context context, AttributeSet attrs) { super(context, attrs); mContext = context; } public XHLoadingView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); mContext = context; } public XHLoadingView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) { super(context, attrs, defStyleAttr, defStyleRes); mContext = context; } public void build(){ LayoutInflater.from(mContext).inflate(R.layout.view_loading, this, true); mLinearLoading = (LinearLayout) findViewById(R.id.lin_loading); mLinearLoad = (LinearLayout) findViewById(R.id.lin_load); mIvLoading = (ImageView) findViewById(R.id.img_loading); mIvLoad = (ImageView) findViewById(R.id.iv_load); mTvLoading = (TextView) findViewById(R.id.tv_loading); mTvLoad = (TextView) findViewById(R.id.tv_load); mBtnLoad = (Button) findViewById(R.id.btn_load); mBtnLoad.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { setState(LoadingState.STATE_LOADING); mOnRetryListener.onRetry(); } }); } @Override public void setVisibility(int visibility) { super.setVisibility(visibility); if(View.GONE==visibility && mState==LoadingState.STATE_LOADING && animation!=null&&animation.isRunning()){ animation.stop(); } } /** * 加載中提示文字 */ private String mLoadingText; private int mLoadingIcon; public XHLoadingView withLoadingIcon(int resId){ mLoadingIcon = resId; return this; } /** * 加載數(shù)據(jù)為空提示文字 */ private String mLoadEmptyText; private int mLoadEmptyIcon; public XHLoadingView withEmptyIcon(int resId){ mLoadEmptyIcon = resId; return this; } /** * 無網(wǎng)絡提示 */ private String mLoadNoNetworkText; private int mNoNetworkIcon; public XHLoadingView withNoNetIcon(int resId){ mNoNetworkIcon = resId; return this; } private OnRetryListener mOnRetryListener; /** * 定義重試的的接口 */ public interface OnRetryListener { void onRetry(); } public XHLoadingView withOnRetryListener(OnRetryListener mOnRetryListener){ this.mOnRetryListener = mOnRetryListener; return this; } /** * 設置加載的狀態(tài) * @param state */ public void setState(LoadingState state){ if(mState==state){ return; }else if(state==LoadingState.STATE_LOADING){ mLinearLoading.setVisibility(VISIBLE); mLinearLoad.setVisibility(GONE); }else if(state!=LoadingState.STATE_LOADING){ mLinearLoading.setVisibility(GONE); mLinearLoad.setVisibility(VISIBLE); if(animation!=null && mState==LoadingState.STATE_LOADING) animation.stop(); } changeState(state); } public boolean btnEmptyEnable = true; public boolean btnErrorEnable = true; public boolean btnNoNetworkEnable = true; public XHLoadingView withBtnNoNetEnnable(boolean ennable) { btnNoNetworkEnable = ennable; return this; } public XHLoadingView withBtnErrorEnnable(boolean ennable) { btnErrorEnable = ennable; return this; } public XHLoadingView withBtnEmptyEnnable(boolean ennable) { btnEmptyEnable = ennable; return this; } /** * 改變狀態(tài) * @param state */ private void changeState(LoadingState state) { switch (state) { //加載中 case STATE_LOADING: mState = LoadingState.STATE_LOADING; mIvLoading.setImageResource(mLoadingIcon); mTvLoading.setText(mLoadingText); if (animation == null) { animation = (AnimationDrawable) mIvLoading.getDrawable(); } if (animation != null) animation.start(); break; //數(shù)據(jù)為空 case STATE_EMPTY: mState = LoadingState.STATE_EMPTY; mIvLoad.setImageResource(mLoadEmptyIcon); mTvLoad.setText(mLoadEmptyText); if (btnEmptyEnable) { mBtnLoad.setVisibility(VISIBLE); mBtnLoad.setText(btn_empty_text); } else { mBtnLoad.setVisibility(GONE); } break; //加載失敗 case STATE_ERROR: mState = LoadingState.STATE_ERROR; mIvLoad.setImageResource(mErrorIco); mTvLoad.setText(mLoadErrorText); if (btnErrorEnable) { mBtnLoad.setVisibility(VISIBLE); mBtnLoad.setText(btn_error_text); } else { mBtnLoad.setVisibility(GONE); } break; //無網(wǎng)絡 case STATE_NO_NET: mState = LoadingState.STATE_NO_NET; mIvLoad.setImageResource(mNoNetworkIcon); mTvLoad.setText(mLoadNoNetworkText); if (btnNoNetworkEnable) { mBtnLoad.setVisibility(VISIBLE); mBtnLoad.setText(btn_nonet_text); } else { mBtnLoad.setVisibility(GONE); } break; } } /** * 后臺或者本地出現(xiàn)錯誤提示 */ private String mLoadErrorText; private int mErrorIco; public XHLoadingView withErrorIco(int resId) { mErrorIco = resId; return this; } /** * 加載空數(shù)據(jù) * @param resId * @return */ public XHLoadingView withLoadEmptyText(int resId) { mLoadEmptyText = getResources().getString(resId); return this; } public XHLoadingView withLoadEmptyText(String mLoadEmptyText) { this.mLoadEmptyText = mLoadEmptyText; return this; } /** * 無網(wǎng)絡時候加載文字 * @param resId * @return */ public XHLoadingView withLoadNoNetworkText(int resId) { mLoadNoNetworkText = getResources().getString(resId); return this; } public String btn_empty_text = "重試"; public String btn_error_text = "重試"; public String btn_nonet_text = "重試"; /** * 數(shù)據(jù)為空的Button的文字提示 * @param text * @return */ public XHLoadingView withBtnEmptyText(String text) { this.btn_empty_text = text; return this; } /** * 加載錯誤的Button的文字提示 * @param text * @return */ public XHLoadingView withBtnErrorText(String text) { this.btn_error_text = text; return this; } /** * 加載錯誤的文字提示 * @param resId * @return */ public XHLoadingView withLoadErrorText(int resId) { this.mLoadErrorText = getResources().getString(resId); return this; } public XHLoadingView withLoadErrorText(String mLoadedErrorText) { this.mLoadErrorText = mLoadedErrorText; return this; } /** * 加載無網(wǎng)絡的Button的文字提示 * @param text * @return */ public XHLoadingView withBtnNoNetText(String text) { this.btn_nonet_text = text; return this; } /** * 加載沒有網(wǎng)路的文字提示 * @param mLoadedNoNetText * @return */ public XHLoadingView withLoadNoNetworkText(String mLoadedNoNetText) { this.mLoadNoNetworkText = mLoadedNoNetText; return this; } public XHLoadingView withLoadingText(int resId) { this.mLoadingText = getResources().getString(resId); return this; } public XHLoadingView withLoadingText(String mLoadingText) { this.mLoadingText = mLoadingText; return this; } }
針對不同的情況作了不同的處理,然后我們在需要的Activity調(diào)用。
private XHLoadingView mLoadingView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_display); mLoadingView = (XHLoadingView) findViewById(R.id.lv_loading); mLoadingView.withLoadEmptyText("≥﹏≤ , 啥也木有 !").withEmptyIcon(R.drawable.disk_file_no_data).withBtnEmptyEnnable(false) .withErrorIco(R.drawable.ic_chat_empty).withLoadErrorText("(῀( ˙᷄ỏ˙᷅ )῀)ᵒᵐᵍᵎᵎᵎ,我家程序猿跑路了 !").withBtnErrorText("臭狗屎!!!") .withLoadNoNetworkText("你擋著信號啦o( ̄ヘ ̄o)☞ᗒᗒ 你走").withNoNetIcon(R.drawable.ic_chat_empty).withBtnNoNetText("網(wǎng)弄好了,重試") .withLoadingIcon(R.drawable.loading_animation).withLoadingText("加載中...").withOnRetryListener(new XHLoadingView.OnRetryListener() { @Override public void onRetry() { SnackbarUtil.show(mLoadingView,"已經(jīng)在努力重試了",0); } }).build(); } ........ //加載中 mLoadingView.setVisibility(View.VISIBLE); mLoadingView.setState(LoadingState.STATE_LOADING); //空數(shù)據(jù) mLoadingView.setVisibility(View.VISIBLE); mLoadingView.setState(LoadingState.STATE_EMPTY) //無網(wǎng)絡 mLoadingView.setVisibility(View.VISIBLE); mLoadingView.setState(LoadingState.STATE_NO_NET); //加載錯誤 mLoadingView.setVisibility(View.VISIBLE); mLoadingView.setState(LoadingState.STATE_ERROR); ....... }
上面我是為了展示不同的效果,所以寫了幾個點擊事件呢,實際中不是這樣的,初始化過后,在需要的地方調(diào)用OK, 源碼中注釋詳細,就不用再做過多的解釋了吧!
完整代碼:XHLoadingView
作者:xuhao
QQ:504105930
轉(zhuǎn)載請注明出處:http://blog.csdn.net/u011974987/article/details/51455333
以上就是本文的全部內(nèi)容,希望對大家學習Android軟件編程有所幫助。
- android 加載本地聯(lián)系人實現(xiàn)方法
- android異步加載圖片并緩存到本地實現(xiàn)方法
- Android 中動態(tài)加載.jar的實現(xiàn)步驟
- android判斷phonegap是否聯(lián)網(wǎng)且加載super.loadUrl網(wǎng)址
- android WebView加載html5介紹
- Android 異步加載圖片分析總結(jié)
- Android加載大分辨率圖片到手機內(nèi)存中的實例方法
- android動態(tài)加載布局文件示例
- Android中自定義加載樣式圖片的具體實現(xiàn)
- Android中ListView異步加載圖片錯位、重復、閃爍問題分析及解決方案
相關文章
Android發(fā)送xml數(shù)據(jù)給服務器的方法
這篇文章主要介紹了Android發(fā)送xml數(shù)據(jù)給服務器的方法,以實例形式較為詳細的分析了Android發(fā)送XML數(shù)據(jù)及接收XML數(shù)據(jù)的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09android app判斷是否有系統(tǒng)簽名步驟詳解
這篇文章主要為大家介紹了android app判斷是否有系統(tǒng)簽名步驟詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11Android?使用maven?publish插件發(fā)布產(chǎn)物(aar)流程實踐
這篇文章主要介紹了Android?使用maven?publish插件發(fā)布產(chǎn)物(aar)流程實踐,Android?Gradle插件根據(jù)項目gradle中應用不同的插件類型在編譯組裝后會生成不同的產(chǎn)物,具體相關介紹,需要的小伙伴可以參考一下2022-09-09Android基于Sensor感應器獲取重力感應加速度的方法
這篇文章主要介紹了Android基于Sensor感應器獲取重力感應加速度的方法,涉及Android使用Sensor類實現(xiàn)感應重力變化的功能,需要的朋友可以參考下2015-12-12Android實現(xiàn)左上角(其他邊角)傾斜的標簽(環(huán)繞效果)效果
這篇文章主要介紹了Android實現(xiàn)左上角(其他邊角)傾斜的標簽(環(huán)繞效果)效果,本文通過圖文實例代碼相結(jié)合的形式給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10android中DownloadManager實現(xiàn)版本更新,監(jiān)聽下載進度實例
本篇文章主要介紹了android中DownloadManager實現(xiàn)版本更新,監(jiān)聽下載進度實例。具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-03-03AndroidManifest.xml uses-feature功能詳解
這篇文章主要介紹了AndroidManifest.xml uses-feature功能,較為詳細的分析了Android屬性過濾操作的功能與相關技巧,需要的朋友可以參考下2016-10-10