首页 > 代码库 > 阅读 TCMessageBox toast 源码小记

阅读 TCMessageBox toast 源码小记

TCMessageBox toast 是一个很小的 toast 展示,主要效果有以下2种:

            

看了一下实现方式,也是挺简单的,不外乎就是创建一个view,中间再放一个 activityIndicator 和一个 label,最后再把整个view展示在 mianView 的中间而已。

看代码:

#import <Foundation/Foundation.h>

@interface TCMessageBox : NSObject

+(void)showMessage:(NSString *)message hideByTouch:(BOOL)hideByTouch withActivityIndicator:(BOOL)withIndicator offset:(CGSize)offset;

+(void)showMessage:(NSString *)message hideByTouch:(BOOL)hideByTouch withActivityIndicator:(BOOL)withIndicator;

+(void)showMessage:(NSString *)message hideByTouch:(BOOL)hideByTouch;

+(BOOL)presenting;
+(void)hide;
+(void)hideIn:(NSTimeInterval)delay;
@end


#import "TCMessageBox.h"
#import <QuartzCore/QuartzCore.h>

#define PADDING 10
#define DURATION 0.25

TCMessageBox *_theMsgBox;

@implementation TCMessageBox{
    UILabel *_label;
    UIView *_darkBox;
    UIActivityIndicatorView *_indicator;
    UIControl *_control;
    UIView * _backgroundView;
}


-(id)init{
    self = [super init];
    if (self) {
        
        _indicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];
        
        _label = [[UILabel alloc] init];
        _label.backgroundColor = [UIColor clearColor];
        _label.textColor = [UIColor whiteColor];
        _label.font = [UIFont fontWithName:@"Marion-Bold" size:15];
        _label.textAlignment = NSTextAlignmentCenter;
        _label.numberOfLines = 3;
        
        _darkBox = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 160, 120)];
        _darkBox.layer.backgroundColor = [UIColor colorWithWhite:0.05 alpha:0.50].CGColor;
        _darkBox.layer.cornerRadius = 10;
        _darkBox.layer.shadowColor = [UIColor colorWithWhite:0.6 alpha:0.8].CGColor;
        _darkBox.layer.shadowOffset = CGSizeMake(4, 4);
        _darkBox.layer.shadowOpacity = 1.0;
        
        _control = [[UIControl alloc] init];
        [_control addTarget:[TCMessageBox class] action:@selector(hide) forControlEvents:UIControlEventTouchUpInside];
        
        [_control addSubview:_darkBox];
        [_darkBox addSubview:_indicator];
        [_darkBox addSubview:_label];
    }
    return self;
}

-(void)layoutSubviewsWithActivityIndicator:(BOOL)withIndicator hideByTouch:(BOOL)hideByTouch offset:(CGSize)offset{
    CGRect rect, r2;
    UIWindow *window;
    
    if (withIndicator) {
        //cal indicator's frame
        rect = _indicator.frame;
        rect = CGRectMake((_darkBox.frame.size.width - rect.size.width) / 2, (_darkBox.frame.size.height - rect.size.height) / 2, rect.size.width, rect.size.height);
        _indicator.frame = rect;
        
        //cal label's frame
        rect = CGRectMake(PADDING, rect.origin.y + rect.size.height + PADDING, _darkBox.frame.size.width - PADDING * 2, 0);
        rect.size.height = _darkBox.frame.size.height - rect.origin.y - PADDING;
        _label.frame = rect;
        
        [_indicator startAnimating];
    }else{
        _indicator = nil;
        
        //cal label's frame
        rect = _darkBox.frame;
        rect = CGRectMake(PADDING, PADDING, rect.size.width - PADDING * 2, rect.size.height - PADDING * 2);
        _label.frame = rect;
    }
    
    window = [[UIApplication sharedApplication].windows objectAtIndex:0];
    
    r2 = window.rootViewController.view.bounds;
    
    //cal _darkBox's frame , move the _darkBox to the center(or + offset) of the mainscreen
    rect = _darkBox.frame;
    rect.origin.x = (r2.size.width - rect.size.width) / 2 + offset.width;
    rect.origin.y = (r2.size.height - rect.size.height) / 2 + offset.height;
    _darkBox.frame = rect;
    
    CGRect fullScreenRect = [window frame];
    _backgroundView = [[UIView alloc] initWithFrame:fullScreenRect];
    if (hideByTouch) {
        _control.frame = r2;
        [_control addSubview:_darkBox];
        [_backgroundView addSubview:_control];
    }else{
        _control = nil;
        [_backgroundView addSubview:_darkBox];
    }
    [window.rootViewController.view addSubview:_backgroundView];
}

+(void)showMessage:(NSString *)message hideByTouch:(BOOL)hideByTouch withActivityIndicator:(BOOL)withIndicator offset:(CGSize)offset{
    [_theMsgBox hide:NO];
    _theMsgBox = [[TCMessageBox alloc] init];
    [_theMsgBox layoutSubviewsWithActivityIndicator:withIndicator hideByTouch:hideByTouch offset:offset];
    _theMsgBox->_label.text = message;

    _theMsgBox->_darkBox.alpha = 0.0;
    [UIView animateWithDuration:DURATION animations:^{
        _theMsgBox->_darkBox.alpha = 1.0;
    } completion:nil];
}

+(void)showMessage:(NSString *)message hideByTouch:(BOOL)hideByTouch withActivityIndicator:(BOOL)withIndicator{
    [TCMessageBox showMessage:message hideByTouch:hideByTouch withActivityIndicator:withIndicator offset:CGSizeZero];
}

+(void)showMessage:(NSString *)message hideByTouch:(BOOL)hideByTouch{
    [TCMessageBox showMessage:message hideByTouch:hideByTouch withActivityIndicator:NO offset:CGSizeZero];
}

+(void)hide{
    [_theMsgBox hide:YES];
}

-(void)hide:(BOOL)animate{
    if (animate) {
        [UIView animateWithDuration:DURATION animations:^{
            _darkBox.alpha = 0;
        } completion:^(BOOL finished) {
            [self hide:NO];
        }];
    }else{
        [_backgroundView removeFromSuperview];
        [_control removeFromSuperview];
        [_darkBox removeFromSuperview];
    }
}


-(void)hideIn:(NSNumber *)delay{
    sleep(delay.doubleValue);
    [self performSelectorOnMainThread:@selector(hide:) withObject:@YES waitUntilDone:YES];
}

+(void)hideIn:(NSTimeInterval)delay{
    [_theMsgBox performSelectorInBackground:@selector(hideIn:) withObject:@(delay)];
}

+(BOOL)presenting{
    return (_theMsgBox->_control && _theMsgBox->_control.superview) || (!_theMsgBox->_control && _theMsgBox->_darkBox.superview);
}
@end

这样一封装好,接口使用起来还是挺方便的。当然,代码还有许多可以改进的地方,比如把 hideIn:接口功能添加到showMessage:hideByTouch:中这样就可以只调用一个接口就行了,不用这样

[TCMessageBoxshowMessage:@"test message"hideByTouch:NO];

[TCMessageBox hideIn:2.0f];

调用2个接口了,能简则简嘛~



阅读 TCMessageBox toast 源码小记