使用AFNetworking时,怎么优雅的显示网络丢失(network lost)占位符

文章完全转自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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 大家在开发APP的时候总会碰到call接口网络超时或者网络丢失的情况,那么这种情况下比较好的用户体验是在当前页面展...
    Kobe_Dai阅读 1,454评论 0 13
  • *面试心声:其实这些题本人都没怎么背,但是在上海 两周半 面了大约10家 收到差不多3个offer,总结起来就是把...
    Dove_iOS阅读 27,210评论 30 471
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,229评论 4 61
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,915评论 18 139
  • Control Flow github:Swift基础实例github:SwiftBasicTableView 简...
    厨子阅读 415评论 0 1