大家在开发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 - <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/