在开发APP的时候用的最多的控件非UITableView莫属了。当然的,因为在使用它的时候,用户在使用的时候,界面可以上下滑动,带来的用户体验也是比一个死板的View要好的多。但是在写tableView的时候里面的cell大多数情况下是要自定义的。如下图是我项目中系统设置的一个界面,说实话,最近UI设计是怎么复杂怎么弄。
![](https://img.haomeiwen.com/i1392044/99167b41988c2106.png)
![](https://img.haomeiwen.com/i1392044/e5baf81f5e4fd679.png)
上面两图还是我一个界面上未截完整的图,今天不说功能的如何完成,咱们详聊这个tableView的具体实现。首先大家看到这个都知道tableView的类型是用group。先分段,再分行。我是先把这些需要的图片和文字分别放到数组里:
![](https://img.haomeiwen.com/i1392044/e591b5c44d818b93.png)
这样避免在cell里写过多冗余的代码,这里我想特意提一句,我界面里的那个“退出系统”这个tablefooterView,tableView滑动不到底部,不知道大家有没有遇到过这种类似的问题,我用的是这个方法写的退出系统这个按钮,- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section;在网上找了个方法,直接把自己创建的tableView赋给当前的view就解决了这个问题:
![](https://img.haomeiwen.com/i1392044/0df690ffaf8b8199.png)
好,继续说cell复用,在这里我自定义了那个带头像的那行,也是手写的代码,所以在tableView注册里写的是registerClass,然后把需要在cell里调用的方法写到了自己重写的方法里,
![](https://img.haomeiwen.com/i1392044/1577974bac2c81f7.png)
因为不是XIB加载的视图,所以不会调用那个awakeFromNib这个方法。
在tableView中要注册那个自定义的cell,然后直接在section==0&&row==0的情况下SetFirstTableViewCell *fCell = [[SetFirstTableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cellFirst"];然后return fcell;这样第一行就解决了。在后面我就觉得应该可以统一用系统自带的风格即可了,但是考虑到cell.accessoryView不一样的问题觉得还有点麻烦。但是还是用了tableView的自带风格,有副标题的就用了subtitle样式,其他的统一用了default,但是刚开始的时候没有注意到复用的问题,我刚进去这个界面的时候都是按照需求展示的,但是一上下拉界面,cell.accessoryView就乱了,在不需要的地方自己也自动添加了,被这个问题弄了一段时间,当时想着我都是根据section和row的数值一行一行的给它们创建的,不应该会出现这样的问题的,但是仔细看了看代码确实那样错误的写法会带来复用的问题,不标准示范就不贴代码了,直接上正确解决复用问题的姿势,首先在-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath这个创建cell的方法里,注册一个统一样式的,
![](https://img.haomeiwen.com/i1392044/c4e71982fcdb6285.png)
于是在每一个的cell后面,相对应的段和行里写上cell.accessoryView对应的视图即可,但是我这里面还有subtitle样式的呀,于是在这种样式的行里,我是这样写的:
![](https://img.haomeiwen.com/i1392044/87797d8a4a8ec07f.png)
还是用的统一样式的cell,但是在相应的行里改变它要显示的style,我的detailLable的text只是为了写界面写的,实际上要根据服务器返回的东西展示。
最后一段里面我就直接用的系统的switch赋给了cell.accessoryView。后面的具体实现我就不说了,在使用cell复用时,因为创建cell的那个方法是只要有cell的出现就会被多次调用,所以只要是没被赋值的控件就会复用,于是就造成了我上面说的cell.accessoryView变乱的问题。
cell里的图片和文字我是这样给的,line数值的确定我以最后一段为例,line = nameList.count - seventhGroupNum + row;seventhGroupNum这个我是写的具体某一段的row个数,前面的依次多减段所对应的即可。
![](https://img.haomeiwen.com/i1392044/fda642703228c736.png)
在这里想要分享一下,技术菜鸟的心得,我觉得开发的这条路,永远没有尽头,要想走得远就必须每天都在学习,还有就是要把自己每天遇到的问题写下来,无论用哪种方式,不过我觉得写出来分享到简书上是一个不错的选择,因为这里有很多的程序员,也许还能收到别人的赞,但是能收到别人的指点是最好的。下班回来习惯打开简书看看别人写的东西,无论技术抑或是情感,总能给自己带来或多或少的启发。同时也希望自己坚持在程序媛的路上好好走下去,和简书中的你们共同学习共同进步!
网友评论