iOS——你会怎么做toast提示文案?

toast效果图

showtoast.gif

toast用法

- (void)replaceTabBar{
    SUPCustomTabBar *tabBar = [[SUPCustomTabBar alloc] init];
    __weak typeof(self) wSelf = self;
    tabBar.pressPlusBtnBlock = ^(void){
        //测试toast
        [wSelf.view sup_makeToast:@"哈哈哈哈哈哈哈哈"];

    };
    [self setValue:tabBar forKey:@"tabBar"];
}

toast实现思路

首先是文字的显示，可以看出是一个label，但是文字还有背景所以可以考虑背景是一张半透明的view，上面叠加了label。接着是内容的淡出效果，显示一段时间后内容自动消失，可以看到这是定时器的功能。

实现功能前，有几种思路：
一种是继承UIView，命名为ToastView，然后令其添加到当前显示的currentView上，同时开启定时器的功能，设定时间比如1s后就把这张ToastView给removeFromSuperview，下次用时再加上去，不用时再remove。
另一种思路是写个单例类，每次要调用，直接通过[ToastView showToast]来显示，单例内部做好定时器的操作就行。
还有一种思路，写UIView的分类。这样如果要用currentView来显示，直接[currentView showToast]，定时器操作也写在分类中。
接口部分

@interface UIView (Toast)

-(void) sup_makeToast:(NSString *)toast;
-(void) sup_makeToast:(NSString *)toast duration:(NSTimeInterval)duration;
-(void) sup_makeToast:(NSString *)toast duration:(NSTimeInterval)duration position:(SUPToastPosition) position;

@end

实现部分

#pragma mark - Toast

const double SUP_TOAST_DURATION = 1;

@implementation UIView (Toast)

-(void)sup_makeToast:(NSString *)toast{
    [self sup_makeToast:toast duration:SUP_TOAST_DURATION];
}

-(void)sup_makeToast:(NSString *)toast duration:(NSTimeInterval)duration{
    [self sup_makeToast:toast duration:duration position:SUPToastPositionBottom];
}

-(void) sup_makeToast:(NSString *)toast duration:(NSTimeInterval)duration position:(SUPToastPosition) position{
    
    //底部的toastView
    UIView *toastView = [[UIView alloc] init];
    toastView.layer.cornerRadius = 10;
    toastView.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.8];
    
    //显示的文字
    UILabel *toastLabel = [[UILabel alloc] init];
    toastLabel.text = toast;
    toastLabel.textColor = [UIColor whiteColor];
    toastLabel.textAlignment = NSTextAlignmentCenter;
    [toastView addSubview:toastLabel];
    [toastLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.center.equalTo(toastView);
    }];
    [self addSubview:toastView];
    
    [toastLabel layoutIfNeeded];
    
    //设置底部view的大小和位置
    toastView.sup_width = toastLabel.sup_width + 30;
    toastView.sup_height = toastLabel.sup_height + 20;
    toastView.center = [self sup_centerByPosition:position];
    
    //执行显示动画
    toastView.alpha = 0.0;
    [UIView animateWithDuration:0.5 animations:^{
        toastView.alpha = 1;
    } completion:^(BOOL finished) {
        NSTimer *timer = [NSTimer timerWithTimeInterval:duration target:self selector:@selector(sup_endUpShowingToast:) userInfo:toastView repeats:false];
        [[NSRunLoop mainRunLoop] addTimer:timer forMode:NSRunLoopCommonModes];
    }];
}

#pragma mark - private methods
/**
 *  根据给定的position找中心点
 *
 *  @param position 枚举类型，SUPToastPosition 上中下
 *
 *  @return 中心点
 */
-(CGPoint) sup_centerByPosition:(SUPToastPosition)position{
    CGPoint center = CGPointZero;
    switch (position) {
        case SUPToastPositionTop:
            center = CGPointMake(self.sup_width / 2, 100);
            break;
            
        case SUPToastPositionMiddle:
            center = CGPointMake(self.sup_width / 2, self.sup_height / 2);
            break;
            
        case SUPToastPositionBottom:
            center = CGPointMake(self.sup_width / 2, self.sup_height - 100);
            break;
        default:
            break;
    }
    return center;
}
/**
 *  定时器时间到调用的方法，用于消除toastView
 *
 *  @param timer 传入该定时器，主要为了获得userInfo
 */
-(void) sup_endUpShowingToast:(NSTimer *)timer{
    UIView *toastView = (UIView *)timer.userInfo;
    [UIView animateWithDuration:0.5 animations:^{
        toastView.alpha = 0;
    } completion:^(BOOL finished) {
        [toastView removeFromSuperview];
    }];
}

@end

代码的主要部分就是

-(void) sup_makeToast:(NSString *)toast duration:(NSTimeInterval)duration position:(SUPToastPosition) position

这个函数，其执行了以下操作：

1. 生成一个toastVie作为底部背景view
2. 生成一个objc toastLabel作为文字显示label
3. 调整两者的布局关系，注意这里使用到了masonry
4. 执行显示动画[UIView animateWithDuration:0.5 animations:block]
5. 执行动画后开启定时器计时，时间到后执行[toastView removeFromSuperview]

对比这三种方式，
第一种方法，可能是最容易想到的，但也是最容易否决的，因为要复用起来非常蛋疼，代码的破碎程度太高。
第二种方法可行，复用程度高，也可扩展，但是项目中应该避免使用单例，因为一旦你使用了单例，这个单例就会一直存在于整个应用的生命周期，占这么点内存虽然没啥事，但就是不爽。
第三种方法，完美地解决了前两个问题，即可以高度复用，而且不会一直占用内存，无痛使用，只需一行代码。