這是一篇帶有一定筆者主觀感情色彩的比較文章。文章著重對比github上最流行的兩個iOS進度提示控制元件 MBProgressHUD 與 SVProgressHUD的各自優劣。來幫助初學者找到一個適合的iOS提示框解決方案。
無論如何,你總是需要一個提示框.
提示框,進度提示,載入中提示等等,無論怎樣,你總是需要提示框來指示某個狀態正在後臺努力進行中.一個合適的提示框,更多的是用來增強使用者體驗.把最多的時間,用來做更核心的事;把這些不是非常重要的事,你應該試著使用一個成熟穩定的第三方來解決.
MBProgressHUD 還是 SVProgressHUD ?
許多時候,選擇都是很重要的,但是總是要做出選擇.每個人考慮的因素和角度不同,結論或許也不同.但是,你要明白,你現在是要找一個合適的方案來解決自己的關於”提示框”的需求,而不是去無意義的討論與分析.我推薦你使用 MBProgressHUD. 如果你只是想找一個答案,看到這裡就夠了.下面會進行一些對比分析.有時候,羅列一些可選答案,總是讓人感覺很舒服的;但是我們最終都要做出選擇,表明自己的態度.就像你可以依然堅持自己的看法,我會依然深度使用 MBProgressHUD一樣.下面的分析不是要證明 MBProgressHUD 或 SVProgressHUD 誰好或者不好,更多的只是為了說明,我的選擇可能不是最佳的,但還是靠點譜的!
github 流行度: MBProgressHUD – SVProgressHUD = 2500
截止目前, MBProgressHUD 的關注度為 8556, SVProgressHUD 的關注度為 6003,差額在 2500左右.github上面的流行度是很能說明兩個第三方的相對優劣的,這就像各個書店上圖書的購買量和評論量總是和一本書的價值成正相關一樣!誠然, MBProgressHUD 和 SVProgressHUD 的關注度都是非常高的了,都已經屬於非常流行的 iOS 第三方了.但是,既然我要選一個深度使用,肯定是關注度更高的那個!在大多數時候,我相信”大家”的選擇,對自己是可有參考價值的!
介面易用性: MBProgressHUD == SVProgressHUD
以下是MBProgressHUD 和 SVProgressHUD 各自專案的github主頁上,各自的基本用法示例:
|
1 2 3 4 5 6 7 |
[MBProgressHUD showHUDAddedTo:self.view animated:YES]; dispatch_async(dispatch_get_global_queue( DISPATCH_QUEUE_PRIORITY_LOW, 0), ^{ // Do something... dispatch_async(dispatch_get_main_queue(), ^{ [MBProgressHUD hideHUDForView:self.view animated:YES]; }); }); |
|
1 2 3 4 5 6 7 |
[SVProgressHUD show]; dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{ // time-consuming task dispatch_async(dispatch_get_main_queue(), ^{ [SVProgressHUD dismiss]; }); }); |
在大多數場景中,你幾乎只會用到顯示與隱藏這兩個最基本的方法,所以說,儘管 SVProgressHUD 自稱更加易用,但是我還是認為這真的看不出什麼優勢.
介面豐富性: MBProgressHUD >> SVProgressHUD
MBProgressHUD 和 SVProgressHUD 都支援簡單的進度提示和文字提示.單從各自github主頁上來看, SVProgressHUD 似乎擁有更多的介面,但是事實並非如此.如果你下載過MBProgressHUD的示例就會發現,它能實現的功能要遠遠多於 文件示例給出的簡單的 顯示 與 隱藏.為了能讓大家更多的瞭解MBProgressHUD,列出部分方法與引數常量,具體資訊可參考官方示例:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 |
/** * 建立一個新的HUD,並把它新增並顯示到提供的檢視上.與之相對應的方法是 hideHUDForView:animated:. * * <a href="http://www.jobbole.com/members/smartsl">@note</a> 這個方法會設定HUD的屬性`removeFromSuperViewOnHide`為YES.HUD會在隱藏時自動從父檢視上移除. * * @param view 將HUD新增到此檢視上. * @param animated YES,顯示時使用當前的動畫型別顯示;NO,直接顯示不使用動畫效果. * @return 新建立的HUD. * * @ see hideHUDForView:animated: * @ see animationType */ + (MB_INSTANCETYPE)showHUDAddedTo:(UIView *)view animated:(BOOL)animated; /** * 找到並隱藏子檢視最頂層的HUD.與之對應的方法是 showHUDAddedTo:animated:. * * @ note 這個方法會設定HUD的屬性`removeFromSuperViewOnHide`為YES.HUD會在隱藏時自動從父檢視上移除. * * @param view 用來在其子檢視中查詢HUD的檢視. * @param animated YES,隱藏時使用當前的動畫型別顯示;NO,直接隱藏不使用動畫效果. * @return YES,如果某個HUD被找到並被移除;否則返回NO. * * @ see showHUDAddedTo:animated: * @ see animationType */ + (BOOL)hideHUDForView:(UIView *)view animated:(BOOL)animated; /** * 找到子檢視中所有的HUD,並隱藏. * * @ note 這個方法會設定HUD的屬性`removeFromSuperViewOnHide`為YES.HUD會在隱藏時自動從父檢視上移除. * * @param view 用來在其子檢視中查詢HUD的檢視. * @param animated YES,隱藏時使用當前的動畫型別顯示;NO,直接隱藏不使用動畫效果. * @return 找到並移除的HUD的數量. * * @ see hideHUDForView:animated: * @ see animationType */ + (NSUInteger)hideAllHUDsForView:(UIView *)view animated:(BOOL)animated; /** * 找到並返回子檢視最頂層的HUD. * * @param view 用來在其子檢視中查詢HUD的檢視. * @return 子檢視最頂層的HUD. */ + (MB_INSTANCETYPE)HUDForView:(UIView *)view; /** * 找到並返回子檢視中所有的HUD. * * @param view 用來在其子檢視中查詢HUD的檢視. * @return 所有找到的HUD檢視(儲存 MBProgressHUD 物件的陣列). */ + (NSArray *)allHUDsForView:(UIView *)view; /** * 使用螢幕尺寸建立HUD的便利初始化方法. * * @param window 提供邊框值以初始化HUD的視窗.應該和HUD未來的父檢視相同(比如,建立 HUD 後,將HUD新增到此視窗上). */ - (id)initWithWindow:(UIWindow *)window; /** * 使用指定檢視的邊框尺寸建立HUD的便利初始化方法. * * @param view 提供邊框值以初始化HUD的檢視.應該和HUD未來的父檢視相同(比如,建立 HUD 後,將HUD新增到此檢視上). */ - (id)initWithView:(UIView *)view; /** * 顯示HUD.你需要確保呼叫此方法時,主執行緒未被其他任務阻塞,以便於更新檢視.當你已經在新的執行緒中開始(比如,使用NSOperation或者NSURLRequest的非同步請求等)執行某個任務後,再執行此方法. * * @param animated YES,顯示時使用當前的動畫型別顯示;NO,直接顯示不使用動畫效果. * * <a href="http://www.jobbole.com/members/heydee@qq.com">@see</a> animationType */ - (void)show:(BOOL)animated; /** * 隱藏HUD.這個仍然會去嘗試呼叫代理的hudWasHidden:方法.此方法是 show: 的配對方法.當你的任務完成時,再使用它. * * @param animated YES,隱藏時使用當前的動畫型別顯示;NO,直接隱藏不使用動畫效果. * * <a href="http://www.jobbole.com/members/heydee@qq.com">@see</a> animationType */ - (void)hide:(BOOL)animated; /** * 延時隱藏HUD.這個仍然會去嘗試呼叫代理的hudWasHidden:方法.此方法是 show: 的配對方法.當你的任務完成時,再使用它. * * * @param animated YES,隱藏時使用當前的動畫型別顯示;NO,直接隱藏不使用動畫效果. * @param delay Delay in seconds until the HUD is hidden. * * @ see animationType */ - (void)hide:(BOOL)animated afterDelay:(NSTimeInterval)delay; /** * 當在新執行緒執行某個後臺任務時,顯示HUD;任務完成時,自動隱藏HUD. * * 這個方法會處理自動釋放池的相關技術細節,所以你可以安全使用它. * * @param method HUD顯示期間,被執行的方法.這個方法會在一個新的執行緒中執行. * @param target HUD顯示期間,被呼叫的方法歸屬的例項物件. * @param object 用來傳遞給方法的可選物件. * @param animated YES,HUD使用當前的 animationType 動畫型別來顯示或隱藏;否則,顯示或隱藏時不使用動畫效果. * animations while (dis)appearing. */ - (void)showWhileExecuting:(SEL)method onTarget:(id)target withObject:(id)object animated:(BOOL)animated; #if NS_BLOCKS_AVAILABLE /** * 當在後臺佇列中執行block時,顯示HUD;並在block執行完畢後,隱藏HUD. * * @ see showAnimated:whileExecutingBlock:onQueue:completionBlock: */ - (void)showAnimated:(BOOL)animated whileExecutingBlock:(dispatch_block_t)block; /** * 當在後臺佇列中執行block時,顯示HUD;並在block執行完畢後,隱藏HUD. * * @ see showAnimated:whileExecutingBlock:onQueue:completionBlock: */ - (void)showAnimated:(BOOL)animated whileExecutingBlock:(dispatch_block_t)block completionBlock:(MBProgressHUDCompletionBlock)completion; /** * 當在後臺佇列中執行block時,顯示HUD;並在block執行完畢後,隱藏HUD. * * @ see showAnimated:whileExecutingBlock:onQueue:completionBlock: */ - (void)showAnimated:(BOOL)animated whileExecutingBlock:(dispatch_block_t)block onQueue:(dispatch_queue_t)queue; /** * 當在一個指定的佇列中執行block時,顯示HUD;block執行完畢後在主執行緒執行completion block;然後隱藏HUD. * * @param animated YES,HUD使用當前的 animationType 動畫型別來顯示或隱藏;否則,顯示或隱藏時不使用動畫效果. * @param block HUD顯示期間執行的block. * @param queue block在此佇列中執行. * @param completion 完成時執行的block. * * @ see completionBlock */ - (void)showAnimated:(BOOL)animated whileExecutingBlock:(dispatch_block_t)block onQueue:(dispatch_queue_t)queue completionBlock:(MBProgressHUDCompletionBlock)completion; |
介面靈活性和可擴充套件性: MBProgressHUD > SVProgressHUD
首先,二者都是開放原始碼的,如果有特殊需求,可以完全自主定製;所以這裡主要討論的是 MBProgressHUD 和 SVProgressHUD自身在不修改核心程式碼的前提下的介面靈活性和可擴充套件性.同樣的但從文件來看, SVProgressHUD 表現出更多的靈活性,參見: SVProgressHUD–比MBProgressHUD更好用的 iOS進度提示元件.但是事實並非如此! MBProgressHUD 入門文件相對很少提及其靈活性,但其提供的DEMO中較完整地展示了它的強大之處.個人認為,單單允許使用自定義檢視作為提供框的檢視這一點,就足以讓SVProgressHUD 的絕大部分特性黯然失色;這也是我最終決定選定 MBProgressHUD 並深入使用 MBProgressHUD的重要原因.初次之外, MBProgressHUD 還支援自定義部分進度條相關的屬性.具體細節如下:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 |
@interface MBProgressHUD : UIView /** * HUD完全隱藏後執行的block. */ @property (copy) MBProgressHUDCompletionBlock completionBlock; /** * MBProgressHUD 操作模式. 預設是 MBProgressHUDModeIndeterminate. * * <a href="http://www.jobbole.com/members/heydee@qq.com">@see</a> MBProgressHUDMode */ @property (assign) MBProgressHUDMode mode; /** * HUD顯示和隱藏時使用的動畫型別. * * <a href="http://www.jobbole.com/members/heydee@qq.com">@see</a> MBProgressHUDAnimation */ @property (assign) MBProgressHUDAnimation animationType; /** * HUD處於MBProgressHUDModeCustomView模式時,顯示此自定義檢視(比如一個 UIImageView). * 最好設定自定義檢視寬高為 37x37(這是HUD內建指示器的邊框值). */ @property (MB_STRONG) UIView *customView; /** * HUD代理物件. * * <a href="http://www.jobbole.com/members/heydee@qq.com">@see</a> MBProgressHUDDelegate */ @property (MB_WEAK) id<MBProgressHUDDelegate> delegate; /** *狀態指示器下可選顯示的短訊息.HUD會自動調整文字的尺寸. 如果文字過長,後面會用"..."代替. */ @property (copy) NSString *labelText; /** * 可選顯示在labelText的細節文字資訊.支援多行顯示. */ @property (copy) NSString *detailsLabelText; /** * HUD的不透明度.預設是0.8. */ @property (assign) float opacity; /** * HUD的顏色.預設黑色.設定此值後, opacity屬性的值將不再使用,因為顏色也可以設定透明度. */ @property (MB_STRONG) UIColor *color; /** * HUD相對於父檢視中心點的水平偏移量. */ @property (assign) float xOffset; /** * HUD相對於父檢視中心點的垂直偏移量. */ @property (assign) float yOffset; /** * HUD邊緣與HUD的元素之間(比如標籤,指示器,自定義檢視等)的空白距離. * 預設 20.0 */ @property (assign) float margin; /** * HUD圓角半徑,預設10.0. */ @property (assign) float cornerRadius; /** * 是否給父檢視新增一個放射線樣式的遮罩層.預設NO. */ @property (assign) BOOL dimBackground; /* * 用於指定某個方法執行一段時間之後再顯示HUD,以秒記.如果方法在這段時間之前就執行完成,就不再顯示HUD. * 這主要是為了優化耗時可能極短的任務的體驗. * 預設值為 0. * 這個屬性僅在可以任務的狀態可以知曉時,才有作用. * <a href="http://www.jobbole.com/members/heydee@qq.com">@see</a> taskInProgress */ @property (assign) float graceTime; /** * HUD顯示的最小時間(以秒記.) * 這可以避免HUD剛一顯示立即又隱藏所帶來的不好的使用者體驗. * 預設是 0. */ @property (assign) float minShowTime; /** * 指示被執行的操作是否還在執行. graceTime 屬性依賴於這個屬性. * 如果你沒有設定graceTime(和設定為0.0不同),這個屬性沒有任何作用. * 當使用showWhileExecuting:onTarget:withObject:animated:時,這個值會被自動設定. * 當直接使用show:或hide:等方法顯示或隱藏HUD時,你應該手動設定taskInProgress 屬性的值,以保證 graceTime 能正確發揮作用. */ @property (assign) BOOL taskInProgress; /** * HUD隱藏時,是否從父檢視中移除. * 預設 NO. */ @property (assign) BOOL removeFromSuperViewOnHide; /** * 用於主標籤的字型值. */ @property (MB_STRONG) UIFont* labelFont; /** * 主標籤顏色值. */ @property (MB_STRONG) UIColor* labelColor; /** * 詳情標籤字型值. */ @property (MB_STRONG) UIFont* detailsLabelFont; /** * 詳情標籤顏色. */ @property (MB_STRONG) UIColor* detailsLabelColor; /** * 指示器顏色.預設 [UIColor whiteColor] */ @property (MB_STRONG) UIColor *activityIndicatorColor; /** * 進度指示器的顏色,可選 0.0 ~ 1.0,預設0.0. */ @property (assign) float progress; /** * HUD皮膚的最小尺寸.預設 CGSizeZero. */ @property (assign) CGSize minSize; /** * HUD皮膚的實際尺存,只讀. * 你可以使用它來限制HUD的可點選區域. * <a href="http://www.jobbole.com/members/heydee@qq.com">@see</a> https://github.com/jdg/MBProgressHUD/pull/200 */ @property (atomic, assign, readonly) CGSize size; /** * 是否強制設定HUD為正方形,預設NO. */ @property (assign, getter = isSquare) BOOL square; @end @protocol MBProgressHUDDelegate <NSObject> @optional /** * HUD完全從螢幕中隱藏時呼叫此方法. */ - (void)hudWasHidden:(MBProgressHUD *)hud; @end /** * 一個餅狀圖樣式的進圖指示檢視. */ @interface MBRoundProgressView : UIView /** * 進度 (0.0 to 1.0) */ @property (nonatomic, assign) float progress; /** * 進度指示器顏色.預設 [UIColor whiteColor]. */ @property (nonatomic, MB_STRONG) UIColor *progressTintColor; /** * 進度指示的背景部分的顏色. * 預設白色半透(透明度0.1) */ @property (nonatomic, MB_STRONG) UIColor *backgroundTintColor; /* * 顯示模式.NO,圓形;YES,環形.預設圓形. */ @property (nonatomic, assign, getter = isAnnular) BOOL annular; @end /** * 一個水平進度條檢視. */ @interface MBBarProgressView : UIView /** * 進度 (0.0 to 1.0) */ @property (nonatomic, assign) float progress; /** * 進度條邊框線的顏色. * 預設白色 [UIColor whiteColor]. */ @property (nonatomic, MB_STRONG) UIColor *lineColor; /** * 進度條背景色. * 預設是 [UIColor clearColor]; */ @property (nonatomic, MB_STRONG) UIColor *progressRemainingColor; /** * 進度的顏色. * 預設 [UIColor whiteColor]. */ @property (nonatomic, MB_STRONG) UIColor *progressColor; @end |
結論
總而言之, 不管你開發什麼應用,你總是需要一個MBProgressHUD,而我真的推薦你使用 MBProgressHUD.官方文件對MBProgressHUD的具體功能提的過於精簡,希望能借助這篇文章,能讓大家一起更全面的認識 MBProgressHUD.