toxic

备忘录

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
表用于显示数据列表,数据列表中的每一项都由行表示。IOS没有行的限制,行数仅受可用才存储空间的限制,IOS的表只有一列。
     表视图是显示表数据的试图对象,是UITableView类的一个实例,表中的每个可建行都有UITableViewCell类实现。即一个UITableView实例由若干UITableViewCell组成。
   表视图不负责存储表中的所有数据,只存储足够绘制当前可见行的数据。每次只加载一屏幕的数据。表视图从遵循UITableViewDelegate协议的对象中获取配置数据,从遵循UITableViewDataSource协议的对象中获得行数据。
 
(1)- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;
         这个方法返回 tableview 有多少个section
//返回有多少个Sections 
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView 
{ 
    return array.Count;  //默认值为1 
}    
(2)- (NSInteger)tableView:(UITableView *)table numberOfRowsInSection:(NSInteger)section;
        这个方法返回对应的section有多少个元素,也就是多少行。
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section     
{    
    return 10//默认也是1 ,分区中的行的个数 
}   
 
(3)-(UITableViewCell *)tableView:(UITableView*)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
返回指定的row 的cell。这个地方是比较关键的地方,一般在这个地方来定制各种个性化的 cell元素。这里只是使用最简单最基本的cell 类型。
其中有一个主标题cell.textLabel 还有一个副标题cell.detailTextLabel,  还有一个 image在最叫cell.imageView.  还可以设置右边的图标,通过cell.accessoryType 可以设置是饱满的向右的蓝色箭头,还是单薄的向右箭头,还是勾勾标记。
//设置每行调用的cell 
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 
static NSString *SimpleTableIdentifier = @"SimpleTableIdentifier";//自定义的标识符 
    
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier: 
                             SimpleTableIdentifier]; 
    if (cell == nil) {   
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault 
                                       reuseIdentifier: SimpleTableIdentifier] autorelease]; 
 } 
 cell.imageView.image=image;//未选cell时的图片 
 cell.imageView.highlightedImage=highlightImage;//选中cell后的图片 
 cell.text=@”测试文本”; 
 return cell; 
} 
 
   表中的每一行都代表一个UITableViewCell。可以使用图像、文本还有辅助的图标等来自定义你自己的UITableViewCell。你可以自定义你自己的cell如下模型或者像appstore那样的。




(4)- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
返回指定的section的 header的title,如果这个sectionheader  有返回view,那么title就不起作用了。
 
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section   
{   
    if (tableView == tableView_)   
    {   
        if (section == 0)    
        {   
         return @"Girls";   
        } 
        else  
        {   
            return @"Boys";   
        } 
    }    
}   


(5)设置让UITableView行缩进



// 把每一行的缩进级别设置为其行号,第一行为1,第二行为2 
-(NSInteger)tableView:(UITableView *)tableView indentationLevelForRowAtIndexPath:(NSIndexPath *)indexPath{ 
 NSUInteger row = [indexPath row]; 
 return row; 
} 

(6)设置cell每行间隔的高度 
- (CGFloat)tableView:(UITableView *)tableView eightForRowAtIndexPath:(NSIndexPath *)indexPath{ 
    return 40; 
} 
(7)设置选中Cell的响应事件

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ 
 [tableView deselectRowAtIndexPath:indexPath animated:YES];//选中后的反显颜色即刻消失 
} 
该方法是选中之后执行。另一个方法willSelectRowAtIndexPath是在一行选择前调用,通常用来阻止某行的能否被选中
-(NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
  if(row == 0) 
     return nil;//设置第一个可见行不能被选中 
     return indexPath; 
} 


图片说明:此图片是从其他网站上戒掉的部分图。和上述代码运行效果不大相同。

UITableView

UITableView2

 

 

 

UITableViewController是IOS开发中一个比较重要的试图控制器,是集成了UITableView视图的控制器,在实际开发中经常用到,功能非常强大,可定制性也很高,下面从简单的使用和自定义Cell以及事件响应等方面来使用。


1.首先创建一个Single View Project,命名为UITableViewControllerTest。打开ViewController.xib并拖入一个UITableView,选中该视图,并点击Connections inspector,分别将delegate和dataSource连线到File's owner

 

2.在AppDelegate.h中添加属性

@property (strongnonatomicIBOutlet UITabBarController * rootViewController;

并在.m文件中添加合成器

@synthesize rootViewController;

 

然后在- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions方法中添加该TableView为subView

 

3.在ViewController.h文件中添加协议UITableViewDelegate,UITableViewDataSource,然后在.m文件中实现协议中的方法

#pragma mark -

#pragma mark Table View Data Source Methods

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

{

    return [self.listDatas count];

}

 

上面的方法是返回Table中的行数

 

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

{

    static NSString * SimpleTableViewIdentifier =@"SimpleTableViewIdentifier";

    UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:SimpleTableViewIdentifier];

    if (cell == nil) {

        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:SimpleTableViewIdentifier];

    }

    UIImage * img = [UIImage imageNamed:@"singleicon"];

    cell.imageView.image = img;

    NSUInteger row = [indexPath row];

    cell.textLabel.text = [listDatas objectAtIndex:row];

    

    return cell;

}

 

上面的方法是构造每一个cell,也就是每一行,SimpleTableViewIdentifier是标记,dequeueReusableCellWithIdentifier方法是当有可重用的cell时,根据标记直接取,而不用重新生成,可以提高效率。

NSIndexPath封装了有关行和分区的信息

 

UIImage * img = [UIImage imageNamed:@"singleicon"];

cell.imageView.image = img;

NSUInteger row = [indexPath row];

cell.textLabel.text = [listDatas objectAtIndex:row];

这段代码分别设置了行的图片和文字,另外,通过accessoryType属性可以设置行的附属属性,有几种样式可以提供选择。也可以自定义附属视图:cell.accessoryView = [[myView alloc] init];

 

4.在viewDidLoad方法中添加NSArray后,填入数据,然后run,可以看打运行结果


在这里我使用了TabBarController来承载三种类型的tableview,分别是Plain、Group以及Custom自定义的

 

5.下面看第二种样式,分组的形式

使用分组的话还要添加一个方法,返回一共有多少组

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

 

另外可以设置分组标题

//返回组的名称

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

{

    if ([keys count] == 0) {

        returnnil;

    }

    NSString * key = [keys objectAtIndex:section];

    return key;

}

 

 

//设置行的高度

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

{

    return60;

}

 

#pragma mark Table Delegate Methods

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath

{

    NSUInteger row = [indexPath row];

    NSString * message = [[NSString alloc]initWithFormat:@"You selected is %@!",[listDatas objectAtIndex:row]];

    UIAlertView * alert = [[UIAlertView alloc]initWithTitle:@"Information" message:message delegate:nilcancelButtonTitle:@"Confirm" otherButtonTitles:nil,nil];

    [alert show];

}

上面这个方法是单击行的方法,点击一行后弹出一个对话框UIAlertView


 

6.最后是自定义cell


首先拖一个UITableViewCell到.xib文件中,并拖入一些视图

然后在.h文件中声明属性

@property(nonatomic,retain)IBOutlet UITableViewCell * tableCell;

@property(nonatomic,retain)IBOutlet UILabel * name;

@property(nonatomic,retain)IBOutlet UILabel * color;

@property(nonatomic,retain)IBOutlet UIImageView * imageView;

 

7.在.m文件中添加合成器并实现如下方法:

#pragma mark Table Data Source Methods

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

{

    return [computers count];

}

 

/*

 自定义表格单元格

 */

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

{

    static NSString * CustomTableViewIdentifier =@"CustomTableViewIdentifier";

    UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:CustomTableViewIdentifier];

    if (cell == nil) {

        //加载自定义表格单元格nib文件

        NSArray *nib = [[NSBundle mainBundle]loadNibNamed:@"CustomCell" owner:self options:nil];

        if ([nib count] > 0) {

            //tableCell已与自定义cell相关联

            cell = self.tableCell;

        }

    }

    

    NSUInteger row = [indexPath row];

    NSDictionary * rowData = [computers objectAtIndex:row];

    self.name.text = [rowData objectForKey:@"Name"];

    self.color.text = [rowData objectForKey:@"Color"];

    UIImage * img = [UIImage imageNamed:@"doubleicon"];

    imageView.image = img;

    //cell.imageView.image = img;

    return cell;

}

 

8.最后编译运行,结果如下图:


以上就是简单的UITableViewController的使用,过程可能讲的不是很清楚,有问题可以一起交流,希望和同为IOS开发路上的人一同学习一同进步

posted on 2012-12-27 09:42  toxic  阅读(2106)  评论(0编辑  收藏  举报