美文网首页iOS SB
第一期:Storyboard中创建UITableViewCell

第一期:Storyboard中创建UITableViewCell

作者: 冬季 | 来源:发表于2015-07-28 19:32 被阅读6468次

    算是蓄谋已久了,开辟了这么一个文集。在这里说说在我开发时遇到的那些坑,有些可能是因为本人经验不足,有些确实是苹果或者其他第三方制造的坑。我会将这些坑拿出来一一盘点,如果能让码友们避免一些不必要的时间浪费,那我会非常开心。

    注,对应环境版本:
    Xcode Version 6.4 (6E35b)
    System Version Yosemite 10.10.4 (14E46)

    在讲这个问题之前我非常努力的压抑住了我的怒火。因为,这个坑,真的很隐蔽。
    先介绍一下碰到问题的原因,由于我目前的工作需要对UITableViewCell自定义侧滑样式,所以很容易的想到了之前用过的一个开源控件SWTableViewCell。由于之前使用SWTableViewCell是配合Xib进行视图编辑,所以并没有碰到今天所要说的问题。这次使用该控件是配合Storyboard。那么问题来了,坑在哪里?

    当我使用SWTableViewCell的时候,我自定义了一个类,继承自SWTableViewCell,然后Storyboard中的Cell继承自SWTableViewCell。当我拖拽好了所需要布局的控件,调整好尺寸,编译、运行之后Xcode报给我一些运行时的错误,如下:

    第一期:Storyboard中创建UITableViewCell的坑

    从上图中我能提取到的信息就是SWTableViewCell类库中有一些约束的问题,但是当我运行SWTableViewCell的demo之后发现没有任何报错。那笔者这时认为问题可能出现在我自己的约束上。于是,笔者一个一个把自己的控件删除,不断尝试直到删掉了所有我创建的控件。但是,仍然会报错。这时,笔者的精神就不太正常了。WHY!!!

    接着,我尝试重新创建了一个工程,剥离其他影响,只写一个继承自SWTableViewCell的类,然后用Storyboard控件继承,除此之外,并没有添加任何其他的东西。然后我惊讶的发现,还是报错!!!!这时,我就不得不怀疑SWTableViewCell的作者是不是在demo的工程中做了什么手脚,于是我将demo工程的多余信息全部删除仅剩下和我测试工程一样的信息,编译,发现,demo的工程仍然没有问题,我新建的测试工程还是有问题。于是,再次缩小范围,我将demo的Storyboard中的Controller复制到我的工程下,替换掉我原有的Controller,然后发现报错不见了。再次用同样的方法缩小范围,直到缩小到我将demo的Storyboard中的TableViewCell复制到我的工程的TableView中替换我原有的Cell,然后发现报错消失了。到此位置,我已经将范围缩到最小,证明了问题一定出在TableViewCell中。于是我再次仔细的检查了一下两边TableViewCell的所有属性,发现所有的属性都一样。这特么太奇怪了。。。同样的环境,同样的工程,同样的控件,为什么一个会报错,一个不会报错。

    于是,我上了个厕所。。。。

    回来后,重新整理了一下思路,理顺了一下流程,都没有什么问题。那么唯一有可能出现问题的地方就是Storyboard的源码了。于是我打开了Storyboard的源码,打开了TableViewCell相应的位置,对比之后发现,问题果然出现在这里。

    demo的源码信息:


    第一期:Storyboard中创建UITableViewCell的坑

    我的源码信息:


    第一期:Storyboard中创建UITableViewCell的坑

    对比后会发现两者的区别差在这一行:
    <rect key="frame" x="0.0" y="0.0" width="320" height="44"/>
    也就是,我在Storyboard中创建的TableViewCell少了这一样,于是我将demo中的这一行复制到我的工程中,编译,运行。It works!
    由此可知,这个问题可能是Interface Builder的一个bug。由于我之前是通过点击下图中的面板来创建的TableViewCell

    第一期:Storyboard中创建UITableViewCell的坑
    所以,我换了一种方式,从控件区拖拽UITableViewCell到Storyboard中的TableView上,再次检查源码,发现,通过控件区拖拽创建的UITableViewCell是有上面这一行代码的。至此,这个坑已经阐述完毕了!

    结论:在Storyboard中,通过点击UITableView的设置面板增加cell数量创建的UITableViewCell实际上是不完整的,少了frame的信息,但是通过拖拽控件区中的控件到视图中创建UITableViewCell,Storyboard的源码信息是完成的,所以,希望看到本文的小伙伴们尽量使用拖拽控件区控件来创建UITableViewCell,以避免不必要的麻烦。

    感谢阅读
    下期再见

    相关文章

      网友评论

      • CoderLWG:不错,解决了我一个问题
      • b9645140e028:我想知道怎么查看源码
        b9645140e028:嗦嘎 不过 这是xml 虽然属性的关键字都认识 但是 这都是啥?
        冬季:@Yin_Clound 右键open in source code
      • 柯柯格格:这代码格式是什么?好奇怪?难道是react native?
        冬季:@柯柯格格 storyboard的源码
      • Aimy:哈哈,貌似我完美的跳过了这个坑,从来都是拖控件进去的 :smiley:

      本文标题:第一期:Storyboard中创建UITableViewCell

      本文链接:https://www.haomeiwen.com/subject/sfbmqttx.html