大家在开发APP的时候总会碰到call接口网络超时或者网络丢失的情况，那么这种情况下比较好的用户体验是在当前页面展示一个占位符，占位符上有重新刷新页面的按钮让用户可以重新刷新页面，效果如下：

WechatIMG59.jpeg

给页面加一个占位符是很简单的，但是怎么做一个全局的占位符机制是我们需要做的，因为任何页面都有可能触发这个机制，如果对所有的ViewController都加一个占位符的方法，会显得很多余。我对这个机制的做法是这样的：

添加placeholder机制：

• 在项目里我会有一个UIViewController的基类，叫做BaseViewController，项目里所有业务相关的UIViewController都会基于这个BaseViewController，在这个基类里，我加了一个方法叫handleErrorMessage:(NSError *)error，这个方法会处理网络请求返回的错误信息，在AFNetworking里当errorCode是-1009的时候代表网络丢失，这种情况下，我们将要给当前的ViewController加上网络丢失的placeholder

网络请求重新加载机制：

• 首先，在项目里我会有一个protocol给所有的ViewController可以implement，暂且叫ViewController，在这个protocol里我会加上一些每个UIViewController可能会用到的方法，其中一个方法叫 -(void)reloadView，这个方法是用来重新call当前页面的网络请求，简单说就是用户按下placeholder页面上重新加载的button，会调用当前ViewController里的reloadView方法
• 在重新加载网络请求成功后，发送一个notification

去除placeholder机制：

• 在BaseViewController里，我们会observe网络请求成功的notification，然后隐藏当前ViewController的placeholder

完整demo代码如下：

BaseViewController.m

- (void)handleErrorMessage:(NSError *)error
{
    // ViewController network request failed
    if (error.code == -1009) {
        [self showNetworkLostPlaceholder];
    }
}

#pragma mark - <Network Success Notification>
- (void)requestSuccess:(NSNotification *)notification
{
    // ViewController network request successfully
    [self hideNetworkLostPlaceholder];
}

#pragma mark - <Placeholder Delegate>
- (void)reloadButtonClicked
{
    // placeholder page reload button clicked
    if ([(id<ViewController>)self respondsToSelector:@selector(reloadView)]) {
        // this will make current UIViewController request network
        [(id<ViewController>)self reloadView];
    }
}

ViewController.h

@protocol ViewController <NSObject>

@optional

- (void)reloadView;

@end

转载请注明出处，原文地址：http://kobedai.me/p9rsts-6e/