咱們在項目中常常會遇到這樣一個應用場景:執行某個耗時操做時,爲了安撫用戶等待的煩躁心情咱們通常會使用進度條之類的空間,在android中讓你們最 容易想到的就是progressbar或者progressDialog,區別在於前者是一個控件,後者是對話框。因爲一些需求在彈出進度條時不但願用戶 可以操做其餘控件,因此只能使用progressDialog,這個時候有遇到了一個問題,我不想要progressDialog的黑色框框,感受這樣跟 應用的總體風格不協調,這個時候就考慮了寫一個自定義的progressDialog。
在網上搜過不少自定義progressDialog的例子,對着寫了下,可是沒有任何效果,不知道是本身使用的方法不對仍是什麼地方出錯了。經過不斷的查找資料,寫了一個簡單的自定義progressDialog。先上圖看下效果: java
1.String.xml 文件,progressDialog是繼承與Dialog,先設置一下progressDialog的風格,設置背景透明色。 <style name="CustomDialog" parent="@android:style/Theme.Dialog"> <item name="android:windowFrame">@null</item> <item name="android:windowIsFloating">true</item> <item name="android:windowContentOverlay">@null</item> <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item> <item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item> </style> <style name="CustomProgressDialog" parent="@style/CustomDialog"> <item name="android:windowBackground">@android:color/transparent</item> <item name="android:windowNoTitle">true</item> </style> 2.customprogressdialog.xml文件,定義本身的佈局,因爲個人需求只須要一個進度條以及一串顯示的內容,因此佈局比較接單 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal"> <ImageView android:id="@+id/loadingImageView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@anim/progress_round"/> <TextView android:id="@+id/id_tv_loadingmsg" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:textSize="20dp"/> </LinearLayout> 3.progress_round.xml文件.這個文件爲了實現轉動的效果,循環顯示這些圖片。 <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> <item android:drawable="@drawable/progress_1" android:duration="200"/> <item android:drawable="@drawable/progress_2" android:duration="200"/> <item android:drawable="@drawable/progress_3" android:duration="200"/> <item android:drawable="@drawable/progress_4" android:duration="200"/> <item android:drawable="@drawable/progress_5" android:duration="200"/> <item android:drawable="@drawable/progress_6" android:duration="200"/> <item android:drawable="@drawable/progress_7" android:duration="200"/> <item android:drawable="@drawable/progress_8" android:duration="200"/> </animation-list> 4.CustomProgressDialog.java文件,這個是就是咱們最終須要使用的progressDialog了。 /************************************************************************************** * [Project] * MyProgressDialog * [Package] * com.lxd.widgets * [FileName] * CustomProgressDialog.java * [Copyright] * Copyright 2012 LXD All Rights Reserved. * [History] * Version Date Author Record *-------------------------------------------------------------------------------------- * 1.0.0 2012-4-27 lxd (rohsuton@gmail.com) Create **************************************************************************************/ package com.lxd.widgets; import com.lxd.activity.R; import android.app.Dialog; import android.content.Context; import android.graphics.drawable.AnimationDrawable; import android.view.Gravity; import android.widget.ImageView; import android.widget.TextView; /******************************************************************** * [Summary] * TODO 請在此處簡要描述此類所實現的功能。由於這項註釋主要是爲了在IDE環境中生成tip幫助,務必簡明扼要 * [Remarks] * TODO 請在此處詳細描述類的功能、調用方法、注意事項、以及與其它類的關係. *******************************************************************/ public class CustomProgressDialog extends Dialog { private Context context = null; private static CustomProgressDialog customProgressDialog = null; public CustomProgressDialog(Context context){ super(context); this.context = context; } public CustomProgressDialog(Context context, int theme) { super(context, theme); } public static CustomProgressDialog createDialog(Context context){ customProgressDialog = new CustomProgressDialog(context,R.style.CustomProgressDialog); customProgressDialog.setContentView(R.layout.customprogressdialog); customProgressDialog.getWindow().getAttributes().gravity = Gravity.CENTER; return customProgressDialog; } public void onWindowFocusChanged(boolean hasFocus){ if (customProgressDialog == null){ return; } ImageView imageView = (ImageView) customProgressDialog.findViewById(R.id.loadingImageView); AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getBackground(); animationDrawable.start(); } /** * * [Summary] * setTitile 標題 * @param strTitle * @return * */ public CustomProgressDialog setTitile(String strTitle){ return customProgressDialog; } /** * * [Summary] * setMessage 提示內容 * @param strMessage * @return * */ public CustomProgressDialog setMessage(String strMessage){ TextView tvMsg = (TextView)customProgressDialog.findViewById(R.id.id_tv_loadingmsg); if (tvMsg != null){ tvMsg.setText(strMessage); } return customProgressDialog; } }