https://github.com/jdg/MBProgressHUD
Star 6000+ 的GitHub 开源框架浅析
首先MBprogress 是把整体的HUD框分成了两部分,三个类:
1. 背景( MBProgressHUD)。
2. 背景上面的指示图标。(MBRoundProgressView 这个就是菊花图,MBBarProgressView 这个是一个特殊的进度条)
1. 背景图重写了UIview 的 Init,drawRect,layoutSubviews 三个方法
init 做了默认设置的处理包括默认的背景,默认的指示框类型,添加自身属性观察者以便数据更新时进行自身UI的更新。
drawRect 是在setNeedsDisplay 之后系统自动调用的。可以看到在更新HUD,添加HUD情况下多处有调用 [self setNeedsDisplay]
drawRect 里面做了两件事情,整体的背景图,和指示框的背景图。整体背景图是在设置了灰色整体背景的情况下绘画的,里面用到了UIview 绘图 绘制了渐变色
layoutSubViews 是在 SetneedsLayout 之后调用的 。 可以看到在更新 hud 上面的子视图的时候有调用 [self setNeedsLayout]
2. 背景上面的指示图标,这个没什么好说的。
按功能来看,show。和。hide
show 的根方法指向了
showUsingAnimation:animated: 其中就有 setNeedsDisplay 调用
hide 的根方法指向了 hideUsingAnimation: animated: 其中hide 中又做了执行结束动画的回调BLOCK,RemvoeFromsuperView 等 这个方法是 - (void)done
多线程方面。
由于hud 中的方法- (void)showAnimated:(BOOL)animated whileExecutingBlock:(dispatch_block_t)block; 等,可以在任务进行中执行动画。
多线程的Block 指向根方法:
(void)showAnimated:(BOOL)animated whileExecutingBlock:(dispatch_block_t)block onQueue:(dispatch_queue_t)queue
completionBlock:(MBProgressHUDCompletionBlock)completion
异步执行 Block 并且主线程刷新UI
self.taskInProgress = YES;
self.completionBlock = completion;
dispatch_async(queue, ^(void) {
block();// 异步执行Block
dispatch_async(dispatch_get_main_queue(), ^(void) {
[self cleanUp];// 主线程刷新UI
});
});
[self show:animated];
如有不对的地方,还请指正。
如有更新我会再贴上来。