UITableView的简单使用

UITableView简介:

  有关于UITableView的介绍,在苹果官网上有比较具体的介绍,下面我还是简单复述一下下。表用于显示数据列表,数据列表中的每项都由行表示 ,共主要作用如下:

  • 为了让用户能通过分层的数据进行导航
  • 为了把项以索引列表的形式展示
  • 用于分类不同的项并展示其详细信息
  • 为了展示选项的可选列表

UITableView的种类:

  • 一种是分组表:                                                          另一种是无格式表 :

1.2                                                     1.1

UITableView的组成:

  表中的每一行都由一个UITableViewCell表示,可以使用一个图像、一些文本、一个可选的辅助图标来配置每个UITableViewCell对象,其模型如下:

cell

UITableViewCell类为每个Cell定义了一些属性:

  • textLabel:Cell的主文本标签(一个UILabel对象)
  • detailTextLabel:Cell的二级文本标签,当需要添加额外细节时(一个UILabel对象)
  • imageView:一个用来装载图片的图片视图(一个UIImageView对象)

UITableView的创建:

create

1.视图布局:UITableView类继承自UIScrollView类,像其他视图一样,其实例通过窗体定义自己的边界,还可以是  其他视图的子类或父类。UITableViewController负责处理布局,并会使用一个UITableView进行填充。

2.指定数据源:UITableView实例依赖外部资源按需为新表格单元或现有表格单元提供内容,数据源根据索引路径提 供表格单元格,索引路径是NSIndexPath类的对象,描述通过数据树到达特定节点的路径,即它们的分段和它们的行。

myIndexPath=[NSIndexPath indexPathForRow:5 inSection:0];

3.指定委托:UITableView实例使用委托响应用户交互,并实现有意义的响应,委托告知表格将响应这些交互的责任移交给指定对象,委托必须实现UITableViewDelegate协议。

 

实践:

有了上面的一些基本知识,下面做一个小实验。

效果图:

phone1                                        iphone2

 

实现的一些关键代码:

  RootViewController是主屏幕控制器,用来展示最上方的示图。示图的每一行分别由不同的类来创建。

 其每行创建代码如下:

   1:  - (void)createRows
   2:  {
   3:      [self addSectionAtIndex:0 withAnimation:UITableViewRowAnimationFade];
   4:      
   5:          [self
   6:              appendRowToSection:0
   7:              cellClass:[LabelCell class]
   8:              cellData:@"This is row"           
   9:              withAnimation:
  10:           UITableViewRowAnimationLeft];
  11:      
  12:   
  13:      [self addSectionAtIndex:1 withAnimation:UITableViewRowAnimationFade];
  14:      
  15:          [self
  16:              appendRowToSection:1
  17:              cellClass:[NibLoadedCell class]
  18:              cellData:@"This is row" 
  19:              withAnimation:
  20:           UITableViewRowAnimationLeft];
  21:              
  22:      
  23:   
  24:      [self addSectionAtIndex:2 withAnimation:UITableViewRowAnimationFade];
  25:      
  26:          [self
  27:              appendRowToSection:2
  28:              cellClass:[TextFieldCell class]
  29:              cellData:
  30:                  [NSMutableDictionary dictionaryWithObjectsAndKeys:
  31:                      @"TextField",
  32:                          @"label",
  33:                      @"", @"value",
  34:                      NSLocalizedString(@"input value here", @""),
  35:                          @"placeholder",
  36:                  nil]
  37:           withAnimation:UITableViewRowAnimationLeft];
  38:      [self hideLoadingIndicator];
  39:  }

 

编写UITableViewCell子类的代码:

   1:  + (NSString *)nibName
   2:  {
   3:      return @"NibCell";
   4:  }
   5:   
   6:  - (void)handleSelectionInTableView:(UITableView *)aTableView
   7:  {
   8:      [super handleSelectionInTableView:aTableView];
   9:       
  10:      NSInteger rowIndex = [self indexPath].row;
  11:      [((PageViewController *)aTableView.delegate).navigationController
  12:          pushViewController:
  13:              [[[DetailViewController alloc] initWithRowIndex:rowIndex] autorelease]
  14:          animated:YES];
  15:  }
  16:   
  17:  - (void)configureForData:(id)dataObject
  18:      tableView:(UITableView *)aTableView
  19:      indexPath:(NSIndexPath *)anIndexPath
  20:  {
  21:      [super configureForData:dataObject tableView:aTableView indexPath:anIndexPath];
  22:       
  23:      label.text = dataObject;
  24:  }
 
以上内容是本人学习ios开发的一个小笔记,代码借鉴Matt Gallagher的作品,根据其作品作详细的学习,并加以修改。谢谢阅读,希望对您有用。
完整代码下载TableDesign
posted @ 2012-05-23 09:32  与时俱进  阅读(1616)  评论(0编辑  收藏  举报
友情链接:同里老宅院民居客栈