iOS开发 自定义tableView样式(使用代码/使用Interface Builder)、分组显示、给TableView增加索引、给TableView增加SearchBariOS开发 自定义tab

1、使用代码

自定义tableView样式有两种方法,一种是用代码写cell的subView,另一种是导入nib文件(就是用Interface Builder设计),这篇笔记记录的是代码的方法.
1、新建一个Single View Application 项目,如前文,只选Use Automatic Reference Counting.
2、打开PDViewController.xib,拖进一个Table View,选中Table View,打开Connections inspector,拖动delegate和dataSource右边的小圆到File’s Owner.
3、新建文件,选Cocoa Touch—-Objective-C class,输入类名,我这是MyCell,Subclass of UItableViewCell.生成MyCell.h和MyCell.m两文件。
MyCell.h:
[cpp]  view plain copy
  1. #import <UIKit/UIKit.h>  
  2.    
  3. @interface MyCell : UITableViewCell  
  4. @property (copy,nonatomic) NSString *name;  
  5. @property (copy,nonatomic) NSString *color;  
  6. @end  

MyCell.m:
[cpp]  view plain copy
  1. #import "MyCell.h"  
  2. #define kNameTag 1  
  3. #define kColorTag 2  
  4. @implementation MyCell  
  5. @synthesize name=_name,color=_color;  
  6.    
  7. - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier  
  8. {  
  9.     self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];  
  10.     if (self) {  
  11.         // Initialization code  
  12.         CGRect nameLableRect=CGRectMake(0, 5, 100, 15);  
  13.         //定义一个距形,位置0,5,宽100高15,就是绝对定位  
  14.         UILabel *nameLable=[[UILabel alloc] initWithFrame:nameLableRect];  
  15.         //在距形定义的位置实例化一个UILable对象  
  16.         nameLable.tag=kNameTag;  
  17.         [self.contentView addSubview:nameLable];  
  18.    
  19.    
  20.         CGRect colorLableRect=CGRectMake(0, 30, 100, 15);  
  21.         //定义一个距形,距离上面的nameLable 10  
  22.         UILabel *colorLable=[[UILabel alloc] initWithFrame:colorLableRect];  
  23.         //在距形定义的位置实例化一个UILable对象  
  24.         colorLable.tag=kColorTag;  
  25.         [self.contentView addSubview:colorLable];  
  26.    
  27.    
  28.     }  
  29.     return self;  
  30. }  
  31.    
  32. - (void)setSelected:(BOOL)selected animated:(BOOL)animated  
  33. {  
  34.     [super setSelected:selected animated:animated];  
  35.    
  36.     // Configure the view for the selected state  
  37. }  
  38. //自己写name和color的setter方法  
  39. -(void)setName:(NSString *)name  
  40. {  
  41.     if(![name isEqualToString:_name])  
  42.     {  
  43.         _name=[name copy];  
  44.         UILabel * nameLable=(UILabel *)[self.contentView viewWithTag:kNameTag];  
  45.         //通过viewWithTag方法得到UILable  
  46.         nameLable.text=_name;  
  47.    
  48.     }  
  49. }  
  50. -(void)setColor:(NSString *)color  
  51. {  
  52.     if(![color isEqualToString:_color])  
  53.     {  
  54.         _color=[color copy];  
  55.         UILabel * colorLable=(UILabel *)[self.contentView viewWithTag:kColorTag];  
  56.         colorLable.text=_color;  
  57.    
  58.     }  
  59. }  
  60.    
  61.    
  62. @end  

PDViewControllor.h:
[cpp]  view plain copy
  1. #import <UIKit/UIKit.h>  
  2.    
  3. @interface PDViewController : UIViewController<UITableViewDelegate,UITableViewDataSource>  
  4. //简单起见,不再定义数据,每行数据都一样  
  5. @end  

PDViewController.m
[cpp]  view plain copy
  1. #import "PDViewController.h"  
  2. #import "MyCell.h"  
  3. @implementation PDViewController  
  4.    
  5. - (void)didReceiveMemoryWarning  
  6. {  
  7.     [super didReceiveMemoryWarning];  
  8.     // Release any cached data, images, etc that aren't in use.  
  9. }  
  10.    
  11. #pragma mark - View lifecycle  
  12.    
  13. - (void)viewDidLoad  
  14. {  
  15.     [super viewDidLoad];  
  16.     // Do any additional setup after loading the view, typically from a nib.  
  17. }  
  18.    
  19. - (void)viewDidUnload  
  20. {  
  21.     [super viewDidUnload];  
  22.     // Release any retained subviews of the main view.  
  23.     // e.g. self.myOutlet = nil;  
  24. }  
  25.    
  26. - (void)viewWillAppear:(BOOL)animated  
  27. {  
  28.     [super viewWillAppear:animated];  
  29. }  
  30.    
  31. - (void)viewDidAppear:(BOOL)animated  
  32. {  
  33.     [super viewDidAppear:animated];  
  34. }  
  35.    
  36. - (void)viewWillDisappear:(BOOL)animated  
  37. {  
  38.     [super viewWillDisappear:animated];  
  39. }  
  40.    
  41. - (void)viewDidDisappear:(BOOL)animated  
  42. {  
  43.     [super viewDidDisappear:animated];  
  44. }  
  45.    
  46. - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation  
  47. {  
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS 开发中,TableView 是一个非常重要的视图控件,用于展示大量数据。而 TableView 中的 HeaderView 和 FooterView 也是非常重要的组件,可以用于展示一些额外的信息或者操作按钮。在 TableView 中,我们可以通过注册重用标识符来复用 Cell,但是对于 HeaderView 和 FooterView 却没有提供类似的注册方法。本文将介绍如何在 TableView 中循环利用 HeaderView,并且还会介绍如何自定义 HeaderView。 ## 循环利用 TableView 中的 HeaderView 在 TableView 中,我们可以通过以下方法来设置 HeaderView: ``` - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.bounds.size.width, 44)]; headerView.backgroundColor = [UIColor grayColor]; return headerView; } - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section { return 44; } ``` 上面的代码中,我们通过实现 `tableView:viewForHeaderInSection:` 方法来设置 HeaderView 的内容和样式,通过实现 `tableView:heightForHeaderInSection:` 方法来设置 HeaderView 的高度。但是如果我们在 TableView 中有很多组数据,每次都创建一个新的 HeaderView 会非常消耗性能,因此我们需要对 HeaderView 进行循环利用。 循环利用 HeaderView 的实现方法非常简单,我们只需要在 TableView 的代理方法中通过 `dequeueReusableHeaderFooterViewWithIdentifier:` 方法来获取 HeaderView,如果获取到的 HeaderView 为 nil,就创建一个新的 HeaderView,否则就返回重用的 HeaderView。 ``` - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { static NSString *headerIdentifier = @"headerIdentifier"; UITableViewHeaderFooterView *headerView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:headerIdentifier]; if (!headerView) { headerView = [[UITableViewHeaderFooterView alloc] initWithReuseIdentifier:headerIdentifier]; headerView.contentView.backgroundColor = [UIColor grayColor]; } return headerView; } ``` 上面的代码中,我们首先定义一个静态的重用标识符 `headerIdentifier`,然后通过 `dequeueReusableHeaderFooterViewWithIdentifier:` 方法获取重用的 HeaderView。如果获取到的 HeaderView 为 nil,我们就创建一个新的 HeaderView,并且设置它的重用标识符为 `headerIdentifier`。最后,我们设置 HeaderView 的背景颜色,并且返回 HeaderView。 ## 自定义 TableView 中的 HeaderView 除了循环利用 HeaderView,我们还可以自定义 HeaderView。自定义 HeaderView 的方法与自定义 Cell 的方法类似,我们需要在 XIB 或者代码中创建一个自定义的 HeaderView,然后在 TableView 的代理方法中返回它。 ### 在 XIB 中创建自定义 HeaderView 在 XIB 中创建自定义 HeaderView 的方法非常简单,我们只需要创建一个新的 XIB 文件,然后在 XIB 中添加一个 UIView,将它的 Class 设置为 UITableViewHeaderFooterView,接着就可以在 XIB 中自定义 HeaderView 的内容和样式了。 创建完成后,我们需要在代码中注册这个 XIB 文件,并且设置它的重用标识符。在 TableView 的初始化方法中,我们可以通过以下方法来注册 XIB 文件: ``` UINib *headerNib = [UINib nibWithNibName:@"HeaderView" bundle:nil]; [tableView registerNib:headerNib forHeaderFooterViewReuseIdentifier:@"headerIdentifier"]; ``` 上面的代码中,我们首先通过 `nibWithNibName:bundle:` 方法加载 XIB 文件,然后通过 `registerNib:forHeaderFooterViewReuseIdentifier:` 方法注册 XIB 文件,并且设置它的重用标识符为 `headerIdentifier`。 最后,在 TableView 的代理方法中,我们可以通过以下方法来获取自定义的 HeaderView: ``` - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { static NSString *headerIdentifier = @"headerIdentifier"; UITableViewHeaderFooterView *headerView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:headerIdentifier]; return headerView; } ``` ### 在代码中创建自定义 HeaderView 在代码中创建自定义 HeaderView 的方法也非常简单,我们只需要创建一个继承自 UITableViewHeaderFooterView 的类,然后在这个类中实现自定义 HeaderView 的内容和样式。 ``` @interface CustomHeaderView : UITableViewHeaderFooterView @property (nonatomic, strong) UILabel *titleLabel; @end @implementation CustomHeaderView - (instancetype)initWithReuseIdentifier:(NSString *)reuseIdentifier { if (self = [super initWithReuseIdentifier:reuseIdentifier]) { self.contentView.backgroundColor = [UIColor grayColor]; self.titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 0, self.contentView.bounds.size.width - 20, self.contentView.bounds.size.height)]; self.titleLabel.font = [UIFont systemFontOfSize:16]; self.titleLabel.textColor = [UIColor whiteColor]; [self.contentView addSubview:self.titleLabel]; } return self; } @end ``` 上面的代码中,我们创建了一个名为 `CustomHeaderView` 的类,继承自 UITableViewHeaderFooterView。在这个类的初始化方法中,我们设置了 HeaderView 的背景颜色,并且创建了一个 UILabel 来显示标题,最后将它添加到 HeaderView 的 contentView 上。 创建完成后,我们需要在代码中注册这个自定义 HeaderView,并且设置它的重用标识符。在 TableView 的初始化方法中,我们可以通过以下方法来注册自定义 HeaderView: ``` [tableView registerClass:[CustomHeaderView class] forHeaderFooterViewReuseIdentifier:@"headerIdentifier"]; ``` 上面的代码中,我们通过 `registerClass:forHeaderFooterViewReuseIdentifier:` 方法注册自定义 HeaderView,并且设置它的重用标识符为 `headerIdentifier`。 最后,在 TableView 的代理方法中,我们可以通过以下方法来获取自定义的 HeaderView: ``` - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { static NSString *headerIdentifier = @"headerIdentifier"; CustomHeaderView *headerView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:headerIdentifier]; headerView.titleLabel.text = [NSString stringWithFormat:@"Header %ld", section]; return headerView; } ``` 上面的代码中,我们首先定义一个静态的重用标识符 `headerIdentifier`,然后通过 `dequeueReusableHeaderFooterViewWithIdentifier:` 方法获取自定义的 HeaderView,并且设置它的标题为 `Header section`。最后,我们返回自定义的 HeaderView。 总结 在本文中,我们介绍了如何在 TableView 中循环利用 HeaderView,并且还介绍了如何自定义 HeaderView。循环利用 HeaderView 可以提高 TableView 的性能,自定义 HeaderView 可以让我们更加灵活地控制 HeaderView 的样式和内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值