ios怎么快速画表格苹果怎么绘制表格

转载

编程艺术家 2023-08-03 21:47:59

文章标签 ios怎么快速画表格控件自定义数据 文章分类 iOS 移动开发

在ios开发里面，表格几乎到处被用到。ios的表格控件UITableView是相当的强大，而且很灵活。如果想做出各种效果的table，那么就得使用自定义table了。自定义table也是比较容易的。这里就介绍一下。

首先用xcode创建一个工程，随便什么模板都行，我这里使用了single view模板。

TableView 控件

拖一个Table View控件到xib界面上。如：（这里另外放了个Label，无关紧要的）

ios怎么快速画表格苹果怎么绘制表格_ios怎么快速画表格

然后给这个table增加一个变量（按住control然后拖到对应的.h文件里面），这样在头文件里面就多了一行代码，如：

1. @property (retain, nonatomic) IBOutlet UITableView *MyTableView;

相应的UITableViewCell

每个表格的每一行都可以用一个cell来表示，对应的类是UITableViewCell. 为了方便排版，我们可以增加一个xib文件。

右键点击工程，然后选择“new file” －》user interface －》view，点击create，写个文件名：TableViewCell。如图：

ios怎么快速画表格苹果怎么绘制表格_ios怎么快速画表格_02

打开生成的TableViewCell.xib,将自动生成的view删除，然后再拖一个Table View Cell控件进来，加个Label控件上去，给这个label的tag设置为1.如图：(这个例子只放了一个Label，其实可以放任何东西)

ios怎么快速画表格苹果怎么绘制表格_数据_03

给这个cell增加一个identifier，如图：这里命名为MyTableViewCell

ios怎么快速画表格苹果怎么绘制表格_控件_04

代码实现

使用table，需要实现2个协议：UITableViewDelegate和UITableViewDataSource。UITableViewDelegate需要实现一个函数，如下。这个函数设置行高。

1. #pragma mark -- table view delegate  
2.   
3. - (CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {  
4. return 50;  
5. }

UITableViewDataSource需要实现2个函数：

其实第一个函数是返回整个表格有多少行。第二个函数就是画每一行（就像windows上画界面的DrawItem）。首先使用identifier来查找是否有空余的已经创建好的cell（比如曾经创建过，但是现在已经滚到上面了，而不需要显示在屏幕中了）。如果没有，那么就使用xib文件创建一个，然后通过tag可以找到这个cell上相应的子控件。如这个例子里面放了一个Label控件，tag是1.得到这个控件后，就可以给这个控件设置内容了。

1. #pragma mark -- DataSource  
2.   
3.   
4. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section  
5. {  
6. return [aryItems count];  
7. }  
8.   
9. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  
10. {  
11. static NSString *CellIdentifier = @"MyTableViewCell";  
12.       
13.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];  
14. if (cell == nil) {  
15. "TableViewCell" owner:self options:nil];  
16.         cell = [nib objectAtIndex:0];  
17.     }  
18.       
19. if (cell) {  
20.         UILabel* label = (UILabel*)[cell viewWithTag:1];  
21.           
22.         NSString* item = [aryItems objectAtIndex: indexPath.row];  
23.         [label setText:item];  
24.     }  
25.       
26.       
27. return cell;  
28. }

放一些模拟数据：

1. #import <UIKit/UIKit.h>  
2.   
3. @interface KViewController : UIViewController <UITableViewDataSource, UITableViewDelegate>  
4. {  
5.     NSMutableArray* aryItems;  
6. }  
7.   
8. @property (retain, nonatomic) IBOutlet UITableView *MyTableView;  
9.   
10. @end

头文件里面放了一个数据成员：NSMutableArray。然后给这个array放一些数据，如：

1. - (void)viewDidLoad  
2. {  
3.     [super viewDidLoad];  
4. // Do any additional setup after loading the view, typically from a nib.  
5.       
6.     aryItems = [[NSMutableArray alloc] initWithCapacity:0];  
7.     [aryItems retain];  
8.       
9. for (int i = 0; i < 10; i++) {  
10. "item %d", i];  
11.         [aryItems addObject:item];  
12.     }  
13.       
14.     [self.MyTableView setDataSource:self];  
15.     self.MyTableView.delegate = self;  
16. }

放了10行。运行一下看看效果：

ios怎么快速画表格苹果怎么绘制表格_自定义_05