您的位置:首页 > 产品设计 > UI/UE

我的开发笔记---UITableView的详细使用

2012-05-08 15:54 423 查看
  UITableView是app开发中常用到的控件,功能很强大,多用于数据的显示。下面以一个简单的实例来介绍tableview的基本用法。(适合新手,高手飘过)



@interface TableViewTestViewController : UIViewController<UITableViewDataSource,UITableViewDelegate>{

UITableView *DataTable;

NSMutableArray *dataArray1; //定义数据数组1

NSMutableArray *dataArray2;//定义数据数组2

NSMutableArray *titleArray;//定义标题数组

}

- (void)viewDidLoad

{

[superviewDidLoad];

//初始化tableview

DataTable = [[UITableViewalloc] initWithFrame:CGRectMake(0, 0, 320, 420)];//指定位置大小

[DataTablesetDelegate:self];//指定委托

[DataTablesetDataSource:self];//指定数据委托

[self.viewaddSubview:DataTable];//加载tableview

dataArray1 = [[NSMutableArrayalloc] initWithObjects:@"中国", @"美国", @"英国", nil];//初始化数据数组1

dataArray2 = [[NSMutableArrayalloc] initWithObjects:@"黄种人", @"黑种人", @"白种人", nil];//初始化数据数组2

titleArray = [[NSMutableArrayalloc] initWithObjects:@"国家", @"种族", nil];//初始化标题数组

}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

// Return YES for supported orientations

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}

//每个section显示的标题

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{

switch (section) {

case 0:

return [titleArray objectAtIndex:section];//提取标题数组的元素用来显示标题

case 1:

return [titleArray objectAtIndex:section];//提取标题数组的元素用来显示标题

default:

return @"Unknown";

}

}

//指定有多少个分区(Section),默认为1

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

return [titleArray count];//返回标题数组中元素的个数来确定分区的个数

}

//指定每个分区中有多少行,默认为1

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{

switch (section) {

case 0:

return [dataArray1 count];//每个分区通常对应不同的数组,返回其元素个数来确定分区的行数

break;

case 1:

return [dataArray2 count];

break;

default:

return 0;

break;

}

}

//绘制Cell

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

static NSString *CellIdentifier = @"Cell";

//初始化cell并指定其类型,也可自定义cell

UITableViewCell *cell = (UITableViewCell*)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];

  if(cell == nil)

  {

  cell = [[[UITableViewCellalloc]

  initWithFrame:CGRectZero

  reuseIdentifier:CellIdentifier] autorelease];

}

  switch (indexPath.section) {

  case 0://对应各自的分区

    [[cell textLabel] setText:[dataArray1 objectAtIndex:indexPath.row]];//给cell添加数据

    break;

  case 1:

    [[cell textLabel] setText:[dataArray2 objectAtIndex:indexPath.row]];

    break;

  default:

    [[cell textLabel] setText:@"Unknown"];

}

  return cell;//返回cell

}

tableview还有很多高难度的属性和接口,在以后我会慢慢补齐。

上面的例子在功能上介绍了tableview的使用,但其在数据处理上具有很大的局限性。当我们要从服务器上请求数据,面对多种可能的数据(主要指数组的个数不稳定)此时上面的switch将无法满足我们的需求了。

使用switch可是代码的结构清晰明了,但其局限性很致命(switch中case的个数无法动态指定),下面的另一种方法可解决上述问题。



代码在原由基础上进行的修改:

@interface TableViewTestViewController : UIViewController<UITableViewDataSource,UITableViewDelegate>{

UITableView *DataTable;

NSMutableArray *dataArray1;

NSMutableArray *dataArray2;

NSMutableArray *titleArray;

NSMutableArray *dataArray; //加入了用于保存数组的数组 dataArray

}

- (void)viewDidLoad

{

[superviewDidLoad];

DataTable = [[UITableViewalloc] initWithFrame:CGRectMake(0, 0, 320, 420)];

[DataTablesetDelegate:self];

[DataTablesetDataSource:self];

[self.viewaddSubview:DataTable];

dataArray1 = [[NSMutableArrayalloc] initWithObjects:@"中国", @"美国", @"英国", nil];

dataArray2 = [[NSMutableArrayalloc] initWithObjects:@"黄种人", @"黑种人", @"白种人", nil];

titleArray = [[NSMutableArrayalloc] initWithObjects:@"国家", @"种族", nil];

dataArray = [[NSMutableArrayalloc] initWithObjects:dataArray1, dataArray2, nil]; //初始化dataArray,元素为数组

}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

// Return YES for supported orientations

return (interfaceOrientation == UIInterfaceOrientationPortrait);

}

//制定个性标题,这里通过UIview来设计标题,功能上丰富,变化多。

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {

UIView *view = [[[UIViewalloc] initWithFrame:CGRectMake(0, 0, 320, 40)] autorelease];

[view setBackgroundColor:[UIColorbrownColor]];//改变标题的颜色,也可用图片

UILabel *label = [[UILabelalloc] initWithFrame:CGRectMake(5, 5, 100, 30)];

label.textColor = [UIColorredColor];

label.backgroundColor = [UIColorclearColor];

label.text = [titleArrayobjectAtIndex:section];

[view addSubview:label];

return view;

}

//指定标题的高度

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{

return 40;

}

//每个section显示的标题,有了上面的这个就不要了

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{

}

//指定有多少个分区(Section),默认为1

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

return [titleArraycount];

}

//指定每个分区中有多少行,默认为1

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{

/* switch (section) {

case 0:

return [dataArray1 count];

break;

case 1:

return [dataArray2 count];

break;

default:

return 0;

break;

}*/

/* for(int i = 0; i < [titleArray count]; i++){

if(section == i){

return [[dataArray objectAtIndex:section] count];

}

}*/

  //上面的方法也是可行的,大家参考比较下

return [[dataArray objectAtIndex:section] count]; //取dataArray中的元素,并根据每个元素(数组)来判断分区中的行数。

}

//绘制Cell

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

static NSString *CellIdentifier = @"Cell";

UITableViewCell *cell = (UITableViewCell*)[tableView

dequeueReusableCellWithIdentifier:CellIdentifier];

if(cell == nil)

{

cell = [[[UITableViewCellalloc]

initWithFrame:CGRectZero

reuseIdentifier:CellIdentifier] autorelease];

}

/*switch (indexPath.section) {

case 0:

[[cell textLabel]

setText:[dataArray1 objectAtIndex:indexPath.row]];

break;

case 1:

[[cell textLabel]

setText:[dataArray2 objectAtIndex:indexPath.row]];

break;

default:

[[cell textLabel]

setText:@"Unknown"];

}*/

//上面的方法也可行,大家比较下。

[[cell textLabel] setText:[[dataArrayobjectAtIndex:indexPath.section]objectAtIndex:indexPath.row]];

//同上,取出dataArray中每个分区所对应的元素(数组),并通过其来取值。 (大家要有想像力, 复制代码试试就明白了)

return cell;

}

//改变行的高度

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{

return40;

}

tableview很强大,还会持续更新。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: