IOS控件UITableView详解

我就是我 2022-08-14 00:58 80阅读 0赞

原文链接：[http://blog.csdn.net/qq5306546/article/details/8062606][http_blog.csdn.net_qq5306546_article_details_8062606]

终于写到了UITableView，用处最广的一个控件，当然也是要记相当多东西的一个控件。

首选创建一个新的项目，并添加一个MainViewController的Class文件

![1349966518_1905.png][]

打开MainViewController.h文件

**\[cpp\]** [view plain][] [copy][view plain]

1.  @interface MainViewController : UIViewController<UITableViewDataSource,UITableViewDelegate> 
2.  
3.  @property (nonatomic, retain) NSArray \*dataList; 
4.  @property (nonatomic, retain) UITableView \*myTableView; 
5.  
6.  @end

TableView的数据源UITableViewDataSource

TableView的委托UITableViewDelegate

如果当前类是继承自UIViewController，需要添加上面的代码，如果直接继承自UITableViewController则不需要添加

然后打MainViewController.m文件，初始化UItableView并显示在当前窗口

**\[cpp\]** [view plain][] [copy][view plain]

1.  \- (**void**)viewDidLoad 
2.  \{ 
3.   \[super viewDidLoad\]; 
4.  // 初始化tableView的数据
5.   NSArray \*list = \[NSArray arrayWithObjects:@"武汉",@"上海",@"北京",@"深圳",@"广州",@"重庆",@"香港",@"台海",@"天津", nil\]; 
6.   self.dataList = list; 
7.  
8.   UITableView \*tableView = \[\[\[UITableView alloc\] initWithFrame:self.view.frame style:UITableViewStylePlain\] autorelease\]; 
9.  // 设置tableView的数据源
10.  tableView.dataSource = self; 
11. // 设置tableView的委托
12.  tableView.delegate = self; 
13. // 设置tableView的背景图
14.  tableView.backgroundView = \[\[UIImageView alloc\] initWithImage:\[UIImage imageNamed:@"Background.png"\]\]; 
15.  self.myTableView = tableView; 
16.  \[self.view addSubview:myTableView\]; 
17. \}

在初始化的时候，可以为TableView设置样式

第一种：列表 UITableViewStylePlain  
  
![1349966988_9179.png][]

第二种：分组UITableViewStyleGrouped  
  
![1349967034_3861.png][]

创建并设置每行显示的内容

**\[cpp\]** [view plain][] [copy][view plain]

1.  \- (UITableViewCell \*)tableView:(UITableView \*)tableView cellForRowAtIndexPath:(NSIndexPath \*)indexPath 
2.  \{ 
3.  **static** NSString \*CellWithIdentifier = @"Cell"; 
4.   UITableViewCell \*cell = \[tableView dequeueReusableCellWithIdentifier:CellWithIdentifier\]; 
5.  **if** (cell == nil) \{ 
6.   cell = \[\[UITableViewCell alloc\] initWithStyle:UITableViewCellStyleValue2 reuseIdentifier:CellWithIdentifier\]; 
7.   \} 
8.   NSUInteger row = \[indexPath row\]; 
9.   cell.textLabel.text = \[self.dataList objectAtIndex:row\]; 
10.  cell.imageView.image = \[UIImage imageNamed:@"green.png"\]; 
11.  cell.detailTextLabel.text = @"详细信息"; 
12. **return** cell; 
13. \}

UITableViewCell的样式也是可以进行设置的，如果不能满足项目的需要，可以自己定义UITableViewCell的样式

UITableViewCellStyleDefault

![1349967817_1966.png][]

UITableViewCellStyleSubtitle

![1349967869_2709.png][]

UITableViewCellStyleValue1

![1349967918_2001.png][]

UITableViewCellStyleValue2

![1349967950_1118.png][]

分组的TableView还可以进行内容的分段，是通过下面的方法实现，返回的数字1代表分为1段

**\[cpp\]** [view plain][] [copy][view plain]

1.  \- (NSInteger)numberOfSectionsInTableView:(UITableView \*)tableView 
2.  \{ 
3.  **return** 1; 
4.  \}

设置内容缩进

**\[cpp\]** [view plain][] [copy][view plain]

1.  \- (NSInteger)tableView:(UITableView \*)tableView indentationLevelForRowAtIndexPath:(NSIndexPath \*)indexPath 
2.  \{ 
3.  **return** \[indexPath row\]; 
4.  \}

![1349967242_8766.png][]

设置cell的行高

**\[cpp\]** [view plain][] [copy][view plain]

1.  \- (CGFloat)tableView:(UITableView \*)tableView heightForRowAtIndexPath:(NSIndexPath \*)indexPath 
2.  \{ 
3.  **return** 70; 
4.  \}

设置cell的隔行换色

**\[cpp\]** [view plain][] [copy][view plain]

1.  \- (**void**)tableView:(UITableView \*)tableView willDisplayCell:(UITableViewCell \*)cell forRowAtIndexPath:(NSIndexPath \*)indexPath 
2.  \{ 
3.  **if** (\[indexPath row\] % 2 == 0) \{ 
4.   cell.backgroundColor = \[UIColor blueColor\]; 
5.   \} **else** \{ 
6.   cell.backgroundColor = \[UIColor greenColor\]; 
7.   \} 
8.  \}

![1349967395_3275.png][]  
当选择指定的cell时，弹出UIAlertView显示选择的内容

**\[cpp\]** [view plain][] [copy][view plain]

1.  \- (**void**)tableView:(UITableView \*)tableView didSelectRowAtIndexPath:(NSIndexPath \*)indexPath 
2.  \{ 
3.  
4.   NSString \*msg = \[\[NSString alloc\] initWithFormat:@"你选择的是:%@",\[self.dataList objectAtIndex:\[indexPath row\]\]\]; 
5.   UIAlertView \*alert = \[\[UIAlertView alloc\] initWithTitle:@"提示" message:msg delegate:self cancelButtonTitle:@"确定" otherButtonTitles:nil, nil\]; 
6.   \[msg release\]; 
7.   \[alert show\]; 
8.  \}

![1349967479_8450.png][]

滑动选择的行后删除

**\[cpp\]** [view plain][] [copy][view plain]

1.  \- (**void**)tableView:(UITableView \*)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath \*)indexPath 
2.  \{ 
3.   NSLog(@"执行删除操作"); 
4.  \}

![1349969102_4981.png][]

DEMO下载

[http://pan.baidu.com/share/link?shareid=77810&uk=101519637][http_pan.baidu.com_share_link_shareid_77810_uk_101519637]

[http_blog.csdn.net_qq5306546_article_details_8062606]: http://blog.csdn.net/qq5306546/article/details/8062606
[1349966518_1905.png]: https://img-my.csdn.net/uploads/201210/11/1349966518_1905.png
[view plain]: http://blog.csdn.net/qq5306546/article/details/8062606#
[1349966988_9179.png]: https://img-my.csdn.net/uploads/201210/11/1349966988_9179.png
[1349967034_3861.png]: https://img-my.csdn.net/uploads/201210/11/1349967034_3861.png
[1349967817_1966.png]: https://img-my.csdn.net/uploads/201210/11/1349967817_1966.png
[1349967869_2709.png]: https://img-my.csdn.net/uploads/201210/11/1349967869_2709.png
[1349967918_2001.png]: https://img-my.csdn.net/uploads/201210/11/1349967918_2001.png
[1349967950_1118.png]: https://img-my.csdn.net/uploads/201210/11/1349967950_1118.png
[1349967242_8766.png]: https://img-my.csdn.net/uploads/201210/11/1349967242_8766.png
[1349967395_3275.png]: https://img-my.csdn.net/uploads/201210/11/1349967395_3275.png
[1349967479_8450.png]: https://img-my.csdn.net/uploads/201210/11/1349967479_8450.png
[1349969102_4981.png]: https://img-my.csdn.net/uploads/201210/11/1349969102_4981.png
[http_pan.baidu.com_share_link_shareid_77810_uk_101519637]: http://pan.baidu.com/share/link?shareid=77810&uk=101519637