iOS开发那些事--自定义单元格实现-创新互联

自定义单元格

创新互联建站坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的安宁网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

当苹果公司提供给的单元格样式不能我们的业务需求的时候,我们需要自定义单元格。在iOS 5之前,自定义单元格可以有两种实现方式:代码实现和用xib技术实现。用xib技术实现相对比较简单,创建一个xib文件,然后定义一个继承 UITableViewCell类单元格类即可。在iOS 5之后我们又有了新的选择,故事板实现方式,这种方式比xib方式更简单一些。

我们把简单表视图案例的原型图修改一下,这种情况下四种内置的单元格样式就不合适了。

 iOS开发那些事--自定义单元格实现

   采用“Single View Application”工程模版创建一个名为“CustomCell”的工程,Table View属性的“Prototype Cells”项目设为1(除此之外其它的操作过程与上同)。

 iOS开发那些事--自定义单元格实现

设计画面中上部会有一个单元格设计画面,我们可以在这个位置进行单元格布局的设计。从对象库拖拽一个Label和Image View到单元格设计画面,调整好它们的位置。

 iOS开发那些事--自定义单元格实现

创建自定义单元格类CustomCell, 选择UITableViewCell为父类

 iOS开发那些事--自定义单元格实现

再 回到IB设计画面,在IB中左边选择“Table View Controller Scene” → “Table View Controller” → “Table View” → “Table View Cell”,打开单元格的标识检查器,在Class的选项中选择CustomCell类。

 iOS开发那些事--自定义单元格实现

为Lable和ImageView控件连接输出口

 iOS开发那些事--自定义单元格实现

本案例的代码如下:

  1. //
  2. //  CustomCell.h
  3. //  CustomCell
  4. #import 
  5. //
  6. //  CustomCell.m
  7. //  CustomCell
  8. #import “CustomCell.h”

CustomCell类的代码比较简单,在有些业务中还需要定义动作。

修改视图控制器ViewController.m中的tableView: cellForRowAtIndexPath:方法,代码如下:

  1. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
  2. static
  3. if
  4. "name"
  5. "p_w_picpath"
  6. "name"
  7. "p_w_picpath"
  8. ".png"
  9. return

我们看到if (cell == nil){}代码被移除,这是因为我们在IB中已经将重用标识设定为Cell了。 方法中的其它代码与简单表一致,此处不再赘述。运行一下。

iOS开发那些事--自定义单元格实现

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前名称:iOS开发那些事--自定义单元格实现-创新互联
浏览路径:http://myzitong.com/article/csjoji.html