[转]UITableViewCell的使用——自定义tableView

系统 1472 0

视图需要我们自己去定义样式时用到了TableViewCell组件,效果如下  
[转]UITableViewCell的使用——自定义tableView视图_第1张图片  
首先创建View Based App工程,在.xib文件中拖入一个Table View,前面我们说到了,这里就不再重复,注意连接协议和两个必须方法的实现。完成.h中代码  

C代码    收藏代码
  1. #import <UIKit/UIKit.h>   
  2. @interface TableViewCellViewController : UIViewController  
  3.             <UITableViewDelegate,UITableViewDataSource>{  
  4.                 IBOutlet UITableView *tView;  
  5. }  
  6. @property (nonatomic,retain)UITableView *tView;  
  7. @end  


完成.m中代码  

C代码    收藏代码
  1. #import "TableViewCellViewController.h"   
  2. #import "MyCell.h"   
  3. @implementation TableViewCellViewController  
  4. @synthesize tView;  
  5. - ( void )viewDidLoad {  
  6.     [super viewDidLoad];  
  7. }  
  8. - ( void )didReceiveMemoryWarning {  
  9.     [super didReceiveMemoryWarning];  
  10. }  
  11. - ( void )dealloc {  
  12.     [tView release];  
  13.     [super dealloc];  
  14. }  
  15. -(NSInteger) tableView:(UITableView *)tableView  
  16.  numberOfRowsInSection:(NSInteger)section  
  17. {  
  18.      return  9;  
  19. }  
  20. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  
  21. {  
  22.      static  NSString *CellIdentifier = @ "CustomCellIdentifier" ;  
  23.     MyCell *cell = (MyCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];  
  24.      if  (cell == nil) {  
  25.         NSArray *array = [[NSBundle mainBundle] loadNibNamed:@ "mycell"  owner:self options:nil];  
  26.         cell = [array objectAtIndex:0];  
  27.         [cell setSelectionStyle:UITableViewCellSelectionStyleGray];  
  28.     }  
  29.     [[cell lable] setText:@ "31" ];  
  30.     [[cell lable1] setText:@ "Raul" ];  
  31.     [[cell myImage] setImage:[UIImage imageNamed:@ "3316.jpg" ]];  
  32.      return  cell;  
  33. }  
  34. - (CGFloat)tableView:(UITableView *)atableView heightForRowAtIndexPath:(NSIndexPath *)indexPath     
  35. {         
  36.      return  120;  
  37. }  
  38. @end  


若不需要cell则改为: 
static NSString *CellIdentifier2 = @"Cell"; 
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier2]; 
cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier2] autorelease]; 
cell.textLabel.text =@"CCCCCCCC"; 
[cell.textLabel setFont:[UIFont fontWithName:@"Helvetica" size:16.0f]]; 
// cell.accessoryView=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"sign_10x12.png"]]; 
cell.selectionStyle = UITableViewCellSelectionStyleBlue; 
[cell.textLabel setTextColor:[UIColor colorWithRed:0/255.0 green:106/255.0 blue:166/255.0 alpha:1.0]];
return cell; 
下面我们新建一个类,注意subclass选择UITableViewCell,名称为MyCell,生成之后再创建相应的xib文件
 
[转]UITableViewCell的使用——自定义tableView视图_第2张图片  
双击MyCell.xib,将Table View Cell拖入主窗口中,并且删除原主窗口中的View图标  
[转]UITableViewCell的使用——自定义tableView视图_第3张图片  
在.h文件中完成代码  

C代码    收藏代码
  1. #import <UIKit/UIKit.h>   
  2. @interface MyCell : UITableViewCell {  
  3.     IBOutlet UILabel *lable;  
  4.     IBOutlet UILabel *lable1;  
  5.     IBOutlet UIImageView *myImage;  
  6. }  
  7. @property(nonatomic,retain) UILabel *lable;  
  8. @property(nonatomic,retain) UILabel *lable1;  
  9. @property (nonatomic,retain) UIImageView *myImage;  
  10. @end  


在.m中完成代码  

C代码    收藏代码
  1. #import "MyCell.h"   
  2. @implementation MyCell  
  3. @synthesize lable,lable1,myImage;  
  4. - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {  
  5.      if  ((self = [super initWithStyle:style reuseIdentifier:reuseIdentifier])) {  
  6.          // Initialization code   
  7.     }  
  8.      return  self;  
  9. }  
  10. - ( void )setSelected:( BOOL )selected animated:( BOOL )animated {  
  11.   
  12.     [super setSelected:selected animated:animated];  
  13.   
  14.      // Configure the view for the selected state   
  15. }  
  16. - ( void )dealloc {  
  17.     [myImage release];  
  18.     [lable release];  
  19.     [super dealloc];  
  20. }  
  21. @end  


最后我们看一下MyCell.xib中的连接,按住Ctrl拖入将要显示区域的文字和图片找到相应的接口即可。 (注意:是myCell和文字和图片连接,不是file’s owner和文字和图片连接,我又犯这个错误了)  
[转]UITableViewCell的使用——自定义tableView视图_第4张图片  

[转]UITableViewCell的使用——自定义tableView视图_第5张图片

[转]UITableViewCell的使用——自定义tableView视图


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论