WechatIMG29.jpeg
假如你拿到这样的设计图，你第一反应是什么呢？是不是觉得没什么特别啊，就一个普普通通的view，实现起来也不会有什么难啊！老实说，我也是这样想的，可是我的组长一定要我用MBProgressHUD去实现哦。妈妈咪，这不是为难我吗？本来我对MBProgressHUD的实现原因就不了解，还要我去改它的第三方库，不过也是，正因为我不理解，让我去改改就会了解。
1.弹框离界面的左右边距192px的实现
这个我看了MBProgressHUD好久，一直不知道怎样去改，因为- (void)updateConstraints方法中的NSLayoutConstraint *padding = [NSLayoutConstraint constraintWithItem:view attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:subviews[idx - 1] attribute:NSLayoutAttributeBottom multiplier:1.f constant:0.f];这些，我真的看不懂，不过好彩尝试通过给detailLabel添加约束。我这个主要是要限定最大的宽度的，所以采用以下判断来布局。
CGFloat textWidth = [msg boundingRectWithSize:CGSizeMake(MAXFLOAT, 33) options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading | NSStringDrawingTruncatesLastVisibleLine attributes:@{NSFontAttributeName: [UIFont systemFontOfSize:15]} context:nil].size.width;
if (textWidth > (SCREEN_WIDTH - 100 - 40)) {
[hud.detailsLabel mas_makeConstraints:^(MASConstraintMaker *make) {
make.width.equalTo(@(SCREEN_WIDTH - 100 - 40));
}];
}
实质是黑色的弹框的大小是依据中间的detailsLabel的宽度来做约束的，所以你只要限制中间detailsLabel的宽度就可以了。
2.图片大小的限定
首先，要实现图片的显示，MBProgressHUD的mode要设置为MBProgressHUDModeCustomView。要限定图片大小，有以下两种方法：
1.MBProgressHUD是根据你给定的图片大小来约束大小，所以你要图片显示多大，你就叫UI给你这种尺寸的切图就可以了。
2.自己通过代码缩小图片
#pragma mark - 等比例去压缩图片大小
- (UIImage *)scaleImage:(UIImage *)originImage toWidth:(CGFloat)width
{
if (width > originImage.size.width) {
return originImage;
}
CGFloat height = (width / originImage.size.width) * originImage.size.height;
CGRect rect = CGRectMake(0, 0, width, height);
UIGraphicsBeginImageContext(rect.size);
[originImage drawInRect:rect];
UIImage * image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return image;
}
3.用MBProgressHUD做自定义动画
hud.mode = MBProgressHUDModeCustomView;
UIImageView *gifImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"gif_loading_m_1"]];
NSMutableArray *arrOrigin = [[NSMutableArray alloc] initWithObjects:
[UIImage imageNamed:@"gif_loading_m_1"],
[UIImage imageNamed:@"gif_loading_m_2"],
[UIImage imageNamed:@"gif_loading_m_3"],
[UIImage imageNamed:@"gif_loading_m_4"],
[UIImage imageNamed:@"gif_loading_m_5"],
[UIImage imageNamed:@"gif_loading_m_6"],
[UIImage imageNamed:@"gif_loading_m_7"],
[UIImage imageNamed:@"gif_loading_m_8"],
[UIImage imageNamed:@"gif_loading_m_3"],
[UIImage imageNamed:@"gif_loading_m_1"],
nil];
[gifImageView setAnimationImages:arrOrigin];
[gifImageView setAnimationDuration:1];
[gifImageView setAnimationRepeatCount:0];
[gifImageView startAnimating];
hud.customView = gifImageView;