Android自定義ProgressDialog進(jìn)度等待框
Android本身已經(jīng)提供了ProgressDialog進(jìn)度等待框,使用該Dialog,我們可以為用戶(hù)提供更好的體驗(yàn):在網(wǎng)絡(luò)請(qǐng)求時(shí),彈出此框等待網(wǎng)絡(luò)數(shù)據(jù)。 不過(guò),既然是為了提高用戶(hù)體驗(yàn),我們肯定希望該Dialog能更加炫酷,讓用戶(hù)看著更舒服。那如何做呢,當(dāng)然是我們自己定義一個(gè)ProgressDialog了。
可以先看下,接下來(lái)將實(shí)現(xiàn)的Dialog效果圖:
步驟1:要定義布局文件,該布局文件即是Dialog的布局了
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/dialog_view" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/dialog_load_bg" android:gravity="center" android:minHeight="100dp" android:minWidth="190dp" android:orientation="vertical" android:padding="10dp" > <ImageView android:id="@+id/img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/publicloading" /> <TextView android:id="@+id/tipTextView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:textColor="#acacac" android:textSize="15sp" /> </LinearLayout>
在布局文件中,我們只定義了兩個(gè)組件,一個(gè)ImageView,用于顯示旋轉(zhuǎn)圖,一個(gè)TextView,用于顯示消息文本
步驟2:定義動(dòng)畫(huà),使得彈出框上的圖片可以不停的旋轉(zhuǎn)。
<?xml version="1.0" encoding="utf-8"?> <set android:shareInterpolator="false" xmlns:android="http://schemas.android.com/apk/res/android"> <rotate android:interpolator="@android:anim/linear_interpolator" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="0" android:toDegrees="+360" android:duration="1500" android:startOffset="-1" android:repeatMode="restart" android:repeatCount="-1"/> </set>
步驟3:實(shí)現(xiàn)自定義的Dialog邏輯
/** * 公用的彈出框 * * @author lining */ public class LoadingDialog { /** * 得到自定義的progressDialog * * @param context * @param msg * @return */ public static Dialog createLoadingDialog(Context context, String msg) { // 首先得到整個(gè)View View view = LayoutInflater.from(context).inflate( R.layout.loading_dialog_view, null); // 獲取整個(gè)布局 LinearLayout layout = (LinearLayout) view .findViewById(R.id.dialog_view); // 頁(yè)面中的Img ImageView img = (ImageView) view.findViewById(R.id.img); // 頁(yè)面中顯示文本 TextView tipText = (TextView) view.findViewById(R.id.tipTextView); // 加載動(dòng)畫(huà),動(dòng)畫(huà)用戶(hù)使img圖片不停的旋轉(zhuǎn) Animation animation = AnimationUtils.loadAnimation(context, R.anim.dialog_load_animation); // 顯示動(dòng)畫(huà) img.startAnimation(animation); // 顯示文本 tipText.setText(msg); // 創(chuàng)建自定義樣式的Dialog Dialog loadingDialog = new Dialog(context, R.style.loading_dialog); // 設(shè)置返回鍵無(wú)效 loadingDialog.setCancelable(false); loadingDialog.setContentView(layout, new LinearLayout.LayoutParams( LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT)); return loadingDialog; } }
代碼注釋已經(jīng)很詳細(xì)了,有一處需要注意的,就是在創(chuàng)建Dialog實(shí)例時(shí),需要傳遞一個(gè)theme,該theme是Dialog的風(fēng)格:
<!-- 自定義loading dialog --> ;style name="loading_dialog" parent="android:style/Theme.Dialog"> <item name="android:windowFrame">@null</item> <item name="android:windowNoTitle">true</item> <item name="android:windowBackground">@drawable/dialog_load_bg</item> <item name="android:windowIsFloating">true</item> <item name="android:windowContentOverlay">@null</item> ;/style>
步驟4:使用自定義的ProgressDialog
接下來(lái),我們可以直接使用已經(jīng)定義好的Dialog了,很簡(jiǎn)單,只需要將Dialog顯示和關(guān)閉即可,建議將講方法封裝起來(lái),放在
BaseActivity(基類(lèi))中,方便隨時(shí)調(diào)用。 /** * 顯示Dialog */ private void showDialog() { if (dialog == null) { dialog = LoadingDialog.createLoadingDialog(this, "正在加載中..."); dialog.show(); } } /** * 關(guān)閉Dialog */ private void closeDialog() { if (dialog != null) { dialog.dismiss(); dialog = null; } }
通過(guò)上面步驟,我們即完成了自定義的ProgressDialog,當(dāng)然,具體在項(xiàng)目中需要什么樣的效果,可以調(diào)整。
- Android 七種進(jìn)度條的樣式
- Android中實(shí)現(xiàn)Webview頂部帶進(jìn)度條的方法
- android自定義進(jìn)度條漸變色View的實(shí)例代碼
- Android文件下載進(jìn)度條的實(shí)現(xiàn)代碼
- android ListView和ProgressBar(進(jìn)度條控件)的使用方法
- Android編程之ProgressBar圓形進(jìn)度條顏色設(shè)置方法
- 詳解Android使用OKHttp3實(shí)現(xiàn)下載(斷點(diǎn)續(xù)傳、顯示進(jìn)度)
- Android中自定義進(jìn)度條詳解
- 實(shí)例詳解Android自定義ProgressDialog進(jìn)度條對(duì)話(huà)框的實(shí)現(xiàn)
- Android自定義控件實(shí)現(xiàn)圓形進(jìn)度CircleProgressBar
相關(guān)文章
Android系統(tǒng)在shell中的df命令實(shí)現(xiàn)
今天小編就為大家分享一篇關(guān)于Android系統(tǒng)在shell中的df命令實(shí)現(xiàn),小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧2018-12-12Android之來(lái)電秀實(shí)戰(zhàn)示例
這篇文章主要為大家介紹了Android之來(lái)電秀實(shí)戰(zhàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01Android帶數(shù)字或紅點(diǎn)的底部導(dǎo)航攔和聯(lián)網(wǎng)等待加載動(dòng)畫(huà)示例
這篇文章主要介紹了Android帶數(shù)字或紅點(diǎn)的底部導(dǎo)航攔和聯(lián)網(wǎng)等待加載動(dòng)畫(huà)示例,具有一定的參考價(jià)值,有興趣的同學(xué)可以了解一下。2017-03-03Android 10 啟動(dòng)Init進(jìn)程解析
這篇文章主要為大家介紹了Android 10 啟動(dòng)Init進(jìn)程解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10Android強(qiáng)制設(shè)定橫屏?xí)r,SurfaceView一直黑屏
本文主要介紹了Android強(qiáng)制設(shè)定橫屏?xí)r,SurfaceView一直黑屏的方法。具有一定的參考作用,下面跟著小編一起來(lái)看下吧2017-01-01Android使用Scroller實(shí)現(xiàn)彈性滑動(dòng)效果
這篇文章主要介紹了Android使用Scroller實(shí)現(xiàn)彈性滑動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12android?studio實(shí)現(xiàn)簡(jiǎn)單的計(jì)算器小功能
這篇文章主要為大家詳細(xì)介紹了android?studio實(shí)現(xiàn)簡(jiǎn)單的計(jì)算器小功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05FloatingActionButton增強(qiáng)版一個(gè)按鈕跳出多個(gè)按鈕第三方開(kāi)源之FloatingActionButton
這篇文章主要介紹了FloatingActionButton增強(qiáng)版一個(gè)按鈕跳出多個(gè)按鈕第三方開(kāi)源之FloatingActionButton 的相關(guān)資料,需要的朋友可以參考下2015-12-12