一、新建iOS Application工程,选择Single View Application,不要选中Use Storyboard.假设指定的是product name是:UITableViewCellDemo,则完成后自动生成代码视图如下图:

二。新建一个UITableViewCell文件:

三。Add---New Files----User Interface-----Empty XIB

创建一个空的  MyTableViewCell.xib 文件,记住,XIB的名称一定要跟 签名的类的名称一致,也就是一模一样。

一定要选 Empty XIB类型,如果不是选的这个,那么创建的XIB里面的已经存在的那个UIView将不能调整高度,它的高度固定死了。

4.在xib中拖入一个Table View Cell 和一个label 一个imageView ,并于MyTableViewCell中连接如下图:

五。这样,就可以往这个新添加的View里面添加我们自己的个性化控件了,这个View就是我们的Cell的模板了。这个过程跟普通的XIB一样,没有什么特别的。

那么如何在代码中使用这个MyTableViewCell呢?

代码如下:

MyTableViewCell类:

  1. //  MyTableViewCell.h
  2. //  UITableViewCellDemo
  3. //
  4. //  Created by WildCat on 13-8-6.
  5. //  Copyright (c) 2013年 wildcat. All rights reserved.
  6. //
  7. #import <UIKit/UIKit.h>
  8. @interface MyTableViewCell : UITableViewCell
  9. @property (weak, nonatomic) IBOutlet UIImageView *imageView;
  10. @property (weak, nonatomic) IBOutlet UILabel *titleLabel;
  11. @property (copy,nonatomic) NSString *titleName;
  12. @property (copy,nonatomic) NSString *image;
  13. @end
  1. //
  2. //  MyTableViewCell.m
  3. //  UITableViewCellDemo
  4. //
  5. //  Created by WildCat on 13-8-6.
  6. //  Copyright (c) 2013年 wildcat. All rights reserved.
  7. //
  8. #import "MyTableViewCell.h"
  9. @implementation MyTableViewCell
  10. @synthesize imageView;
  11. @synthesize titleLabel;
  12. @synthesize titleName;
  13. @synthesize image;
  14. -(void)setImage:(NSString *)image{
  15. self.imageView.image=[UIImage imageNamed:[image copy]];
  16. }
  17. -(void)setTitleName:(NSString *)titleName{
  18. self.titleLabel.text=[titleName copy];
  19. }
  20. - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
  21. {
  22. self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
  23. if (self) {
  24. // Initialization code
  25. }
  26. return self;
  27. }
  28. - (void)setSelected:(BOOL)selected animated:(BOOL)animated
  29. {
  30. [super setSelected:selected animated:animated];
  31. // Configure the view for the selected state
  32. }
  33. @end

ViewController类文件:

  1. //  ViewController.h
  2. //  UITableViewCellDemo
  3. //
  4. //  Created by WildCat on 13-8-6.
  5. //  Copyright (c) 2013年 wildcat. All rights reserved.
  6. //
  7. #import <UIKit/UIKit.h>
  8. @interface ViewController : UIViewController<UITableViewDataSource,UITableViewDelegate>
  9. @property (nonatomic,strong) UITableView *myTableView;
  10. @end
  1. //
  2. //  ViewController.m
  3. //  UITableViewCellDemo
  4. //
  5. //  Created by WildCat on 13-8-6.
  6. //  Copyright (c) 2013年 wildcat. All rights reserved.
  7. //
  8. #import "ViewController.h"
  9. #import "MyTableViewCell.h"
  10. @interface ViewController ()
  11. @end
  12. @implementation ViewController
  13. @synthesize myTableView=_myTableView;
  14. #pragma mark -实现协议方法
  15. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;{
  16. return 1;
  17. }
  18. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
  19. return 5;
  20. }
  21. - (CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
  22. CGFloat result = 40.0f;
  23. if ([tableView isEqual:self.myTableView]){
  24. result = 80.0f;
  25. }
  26. return result;
  27. }
  28. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
  29. MyTableViewCell *cell;
  30. //定义CustomCell的复用标识,这个就是刚才在CustomCell.xib中设置的那个Identifier,一定要相同,否则无法复用
  31. static NSString *identifier = @"MyTableViewCell";
  32. //根据复用标识查找TableView里是否有可复用的cell,有则返回给cell
  33. cell = (MyTableViewCell*)[tableView dequeueReusableCellWithIdentifier:identifier];
  34. //判断是否获取到复用cell,没有则从xib中初始化一个cell
  35. if (!cell) {
  36. //将Custom.xib中的所有对象载入
  37. NSArray *nib = [[NSBundle mainBundle] loadNibNamed:@"MyTableViewCell" owner:nil options:nil];
  38. //第一个对象就是CustomCell了
  39. cell = [nib objectAtIndex:0];
  40. }
  41. cell.image=@"1.jpeg";
  42. cell.titleName=@"wildcat的专栏 新浪微博:http://weibo.com/u/3202802157";
  43. return cell;
  44. }
  45. #pragma mark - Controller方法
  46. - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
  47. {
  48. self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
  49. if (self) {
  50. // Custom initialization
  51. }
  52. return self;
  53. }
  54. - (void)viewDidLoad
  55. {
  56. [super viewDidLoad];
  57. // Do any additional setup after loading the view.
  58. self.view.backgroundColor=[UIColor redColor];
  59. self.myTableView=[[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
  60. self.myTableView.dataSource=self;
  61. self.myTableView.delegate=self;
  62. self.myTableView.autoresizingMask=UIViewAutoresizingFlexibleHeight|UIViewAutoresizingFlexibleWidth;
  63. [self.view addSubview:self.myTableView];
  64. }
  65. - (void)viewDidUnload
  66. {
  67. [super viewDidUnload];
  68. // Release any retained subviews of the main view.
  69. self.myTableView=nil;
  70. }
  71. - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
  72. {
  73. return (interfaceOrientation == UIInterfaceOrientationPortrait);
  74. }
  75. @end

运行结果:

IOS学习之路七(通过xib自定义UITableViewCell)的更多相关文章

  1. 【swift学习笔记】三.使用xib自定义UITableViewCell

    使用xib自定义tableviewCell看一下效果图 1.自定义列 新建一个xib文件 carTblCell,拖放一个UITableViewCell,再拖放一个图片和一个文本框到tableviewc ...

  2. IOS学习之路七(使用 Operation 异步运行任务)

    在 application delegate 头文件(.h)中声明一个 operation 队列和两个 invocation operations: #import <UIKit/UIKit.h ...

  3. iOS学习之路十三(动态调整UITableViewCell的高度)

    大概你第一眼看来,动态调整高度是一件不容易的事情,而且打算解决它的第一个想法往往是不正确的.在这篇文章中我将展示如何使图表单元格的高度能根据里面文本内容来动态改变,同时又不必子类化UITableVie ...

  4. iOS开发UI篇—使用xib自定义UItableviewcell实现一个简单的团购应用界面布局

    iOS开发UI篇—使用xib自定义UItableviewcell实现一个简单的团购应用界面布局 一.项目文件结构和plist文件 二.实现效果 三.代码示例 1.没有使用配套的类,而是直接使用xib文 ...

  5. IOS开发---菜鸟学习之路--(二十二)-近期感想以及我的IOS学习之路

    在不知不觉当中已经写了21篇内容 其实一开始是没有想些什么东西的 只是买了Air后 感觉用着挺舒服的,每天可以躺在床上,就一台笔记本,不用网线,不用电源,不用鼠标,不用键盘,干干脆脆的就一台笔记本. ...

  6. 【转】iOS 通过xib自定义UITableViewCell【原创】

    原文网址:http://blog.it985.com/9683.html 在使用tableView的时候,如果cell的布局过于复杂,通过代码搭建的话不够直观.并且要不停的调整位置,字体什么的.这时, ...

  7. ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局

    本文转自 :http://www.cnblogs.com/wendingding/p/3761730.html ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布 ...

  8. 通过xib自定义UITableViewCell

    通过xib自定义UITableViewCell 一.新建iOS Application工程,选择Single View Application,不要选中Use Storyboard.假设指定的是pro ...

  9. 新手教程之使用Xib自定义UITableViewCell

    新手教程之使用Xib自定义UITableViewCell 前言 首先:什么是UITableView?看图 其次:什么是cell? 然后:为什么要自定cell,UITableView不是自带的有cell ...

随机推荐

  1. ORACLE查看和更改的最大连接数

     第一步,在cmd命令行,进入sqlplus 第二步骤,根据提示输入username与password 1. 视图processes和sessions参数 SQL> show paramet ...

  2. node.js的npm安装

    我不打算引进node.js的npm安装,但发现node.js通过管理一些包npm实现,或给一个简短的npm. 1.npm什么        npm是一个node包管理和分发工具,已经成为了非官方的公布 ...

  3. WPF 辅助开发工具

    原文:WPF 辅助开发工具 以下介绍的工具均为免费版,有些是源代码开放,希望对大家有用. Kaxaml 轻量级XAML 编辑器,可以同时进行图像和XAML 代码的编辑.最终生成开发人员想要的XAML ...

  4. Windows RPC

    转载 Windows RPC Demo实现 本文参考并整理以下相关文章 1. <远程过程调用> -百度百科 2. <RPC 编程> -http://www.ibm.com/de ...

  5. JavaEE(1) - Weblogic 服务器管理的数据源

    JBoss下载: http://jbossas.jboss.org/downloads http://www.cnblogs.com/xw-cnblogs/articles/2439969.html ...

  6. 日期格式化{0:yyyy-MM-dd HH:mm:ss.fff}和{0:yyyy-MM-dd hh:mm:ss.fff}的区别

    原文:日期格式化{0:yyyy-MM-dd HH:mm:ss.fff}和{0:yyyy-MM-dd hh:mm:ss.fff}的区别 {0:yyyy-MM-dd HH:mm:ss.fff}:使用24小 ...

  7. Pku1218

    <span style="background-color: rgb(204, 204, 204);">/* A - THE DRUNK JAILER Time Lim ...

  8. App根据第,HTML5流行?

    App根据第.HTML5流行? 引用新闻 日前,有消息称国家网信办近日将出台APP应用程序发展管理办法.中央网信办主任鲁炜在推进网络空间法治化座谈会上透露.我国将加强互联网立法,依靠严密的法律网来打造 ...

  9. Android学习笔记:Home Screen Widgets(1):大约Widget

    什么是Home Screen Widgets Home screen Widget即称为小工具或者中文小工具,是显示在主页上的views,通过后台进程更新view的数据. Android由AppWid ...

  10. linux学习书籍

    linux学习书籍推荐 网上看到的,做个标记.没研究过,仅供参考  linux编程学习   inux 学习书目推荐 Linux基础 1.<Linux与Unix Shell 编程指南> C语 ...