高仿花田小憩OC版

前段时候在简书看博客时，看到Monkey_ALin 分享的高仿花田小憩（Swift版），项目整体不是太复杂，并且展示效果确实挺不错的，就萌发了工作之余用OC仿写的念头。ps:主要是偷懒，不用再找UI，不用再找接口了，在这要非常感谢Monkey_ALin，节省了很多时间！

github下载地址：swift版与 OC版

展示效果

专题部分1

专题部分2

商城部分1

商城部分2

我的部分

项目整体的实现逻辑与思路与Swift版的差不多，大家可以参照文章。另外完善了一些Swift版的部分问题。

完善部分

1.点击导航栏左侧按钮出现下拉蒙版视图

点击导航栏左侧按钮出现下拉蒙版视图

Swift版的，蒙版的Top约束是与当前 tableView的偏移量为参考点，当 tableView滑动时偏移量一直在改变，蒙版frame也会随之改变，出现这种情况。所以解决这种情况，蒙版约束的参考物一定是固定的，刚开始我用navigationBar的底部为参照物，看似解决了这个问题，但是当点击蒙版上的cell，进入下一个控制器的时候，navigationBar的位置竟然会发生改变，正常情况下，navigationBar（44）上面有状态栏（20），当跳转的时候状态栏会消失，这就造成了，跳转后返回时，蒙版会上移20（状态栏高度）。为了解决这个问题想了很久，一直在钻牛角尖，想着怎么在顶部找到或者添加一个固定的控件当做蒙版参照物，但是在TableViewController上找到固定控件太麻烦了，最后用了最直接的方法，为控制器换个爹（代码也拼爹。。）！把父类TableViewController换成 ViewController，以ViewControllerView的top为参考点。
总结：当遇到界面复杂的TableView时候，最好使用ViewController，方便扩展。

//设置blurView的约束
        [self.blurView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.equalTo(self.tableView);

            make.top.equalTo(self.view.mas_top);

            make.size.mas_equalTo(CGSizeMake(MY_WIHTE, MY_HEIGHT-49-64));
        }];

2.详情页webview的高度

详情页webview的高度

详情页用H5页面展示的，cell里面嵌套一个webview，然后根据webview的高度来确定cell 的高度。Swift版在webViewDidFinishLoad中使用webView.scrollView.contentSize.height取出高度，而我使用[[webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight;"] intValue];来拿到内容高度，通过打印用两种方法拿到的高度，可以看出直接使用webView.scrollView.contentSize.heigh第一次拿到的高度在网络不好时，有时候不准确，会造成cell内容展示不全。

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    //加载本地的JS文件
    NSString *jsStr = [NSString stringWithContentsOfURL:[[NSBundle mainBundle] URLForResource:@"image" withExtension:@"js"] encoding:NSUTF8StringEncoding error:nil];
    [webView stringByEvaluatingJavaScriptFromString:jsStr];
    //为每个图片添加点击事件
    [webView stringByEvaluatingJavaScriptFromString:@"setImageClick()"];

     NSInteger height = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight;"] intValue];
    //避免浪费性能，所以计算一次高度即可
    if (!self.isFinishLoad && webView.scrollView.contentSize.height > 0) {
        self.isFinishLoad = YES ;
        self.cellHeigth = height;
//#warning 使用这个方法算出的高度不准
//        self.cellHeigth = webView.scrollView.contentSize.height;
    }
}

3.商城模块的容错处理

商城模块的容错处理

轮播图无数据时显示

在商城模块中，第一个自定义cell是一个轮播图，后台轮播数据非常不稳定，有时候请求结果为空，原版做了容错处理，在请求数据为空的时候，不显示第一个轮播cell.OC版完善了容错处理。

4.完善了订单页增加添加发票地址

订单页

后记：

用OC仿写后，与swift相对比。swift这门语言及其精简优雅，代码量以及文件量只有OC的一半左右。所以，兄弟们，闲暇之余不要忘了swift，swift才是以后的主流.另外项目中有一个bug,没有解决，有兴趣的可以下载项目后，找到带有警告的那个标注（唯一的警告处），解决后私信交流交流，感觉项目对自己技术有帮助的，欢迎start,鼓励一下。**github:OC版 swift版 **

最后编辑于：2017.12.03 13:59:51