文章完全转自Kobe技术博客
Kobe 技术博客
大家在开发APP的时候总会碰到call接口网络超时或者网络丢失的情况，那么这种情况下比较好的用户体验是在当前页面展示一个占位符，占位符上有重新刷新页面的按钮让用户可以重新刷新页面，效果如下
给页面加一个占位符是很简单的，但是怎么做一个全局的占位符机制是我们需要做的，因为任何页面都有可能触发这个机制，如果对所有的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 -
- (void)requestSuccess:(NSNotification *)notification{
// ViewController network request successfully
[self hideNetworkLostPlaceholder];
}
#pragma mark -- (void)reloadButtonClicked{
// placeholder page reload button clicked
if ([(id)self respondsToSelector:@selector(reloadView)] ) {
// this will make current UIViewController request network
[(id)self reloadView];
}
}
ViewController.h
@protocol ViewController
@optional
- (void)reloadView;
@end