文档章节

UI_09 UITableView(表视图)

黑伞将军
 黑伞将军
发布于 2015/08/26 22:31
字数 1380
阅读 49
收藏 3

⼀、表视图

     在iOS中,要实现表格数据展示,最常用的做法就是使用UITableView。UITableView继承自UIScrollView,因此支持垂直滚动,而且性能极佳

1、表示图的样式

UITableViewStylePlain

UITableViewStyleGrouped

2、表示图创建

步骤:

创建

  • UITableView *tableView= [[UITableView alloc] initWithFrame:self.view.frame style:UITableViewStylePlain];

  • self.tableView = tableView;

设置代理

  • tableView.dataSource = self;

  • tableView.delegate = self;

添加视图

  • [self.view addSubview:tableView];


属性

  • seperatedStyle      分割线样式

  • seperatedColor     分割线颜色

  • rowHeight              行高

  • sectionHeaderHeight

  • sectionFooterHeight

  • estimatedRowHeight

  • estimatedSectionHeaderHeight

  • estimatedSectionFooterHeight

  • separatorInset

  • backgroundView

3、显示数据

UITableViewDataSource协议

  • UITableView需要一个数据源(dataSource)来显示数据

  • UITableView会向数据源查询一共有多少行数据以及每一行显示什么数据等

  • 凡是遵守UITableViewDataSource协议的OC对象,都可以是UITableView的数据源

协议中常用方法:

@required

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;  //设置每节(有的叫分段或区)的行数

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;   //设置单元格

@optional

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;  // 设置节的数目

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section;    // 此方法设置节头的标题,下面方法设置节尾标题

- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section;

- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView;  //设置索引标题(如:通讯录索引ABCD...)


UITableViewDelegate

@optional

// 分别设置行、节头、节尾的高度

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

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

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section;


// 分别设置自动以节头、节尾视图

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

- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section;


// 分别在选中某行之前/之后调用

// Called before the user changes the selection. Return a new indexPath, or nil, to change the proposed selection.

- (NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath;

- (NSIndexPath *)tableView:(UITableView *)tableView willDeselectRowAtIndexPath:(NSIndexPath *)indexPath NS_AVAILABLE_IOS(3_0);
// Called after the user changes the selection.
- (
void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;

- (void)tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath NS_AVAILABLE_IOS(3_0);

4、字典转模型



⼆、UITableViewCell

1、Cell简介

     UITableView的每一行都是一个UITableViewCell,通过dataSource的tableView:cellForRowAtIndexPath:方法来初始化每一行

     UITableViewCell内部有个默认的子视图:contentView,contentView是UITableViewCell所显示内容的父视图,可显示一些辅助指示视图

     辅助指示视图的作用是显示一个表示动作的图标,可以通过设置UITableViewCell的accessoryType来显示,默认是UITableViewCellAccessoryNone(不显示辅助指示视图),其他值如下:

UITableViewCellAccessoryDisclosureIndicator

UITableViewCellAccessoryDetailDisclosureButton

UITableViewCellAccessoryCheckmark

还可以通过cell的accessoryView属性来自定义辅助指示视图(比如往右边放一个开关)

2、UITableViewCell的contentView

    contentView下默认有3个子视图。其中2个是UILabel(通过UITableViewCell的textLabel和detailTextLabel属性访问),第3个是UIImageView(通过UITableViewCell的imageView属性访问)。

    UITableViewCell还有一个UITableViewCellStyle属性,用于决定使用contentView的哪些子视图,以及这些子视图在contentView中的位置:

  • UITableViewCellStyleDefault

  • UITableViewCellStyleSubtitle

  • UITableViewCellStyleValue1

  • UITableViewCellStyleValue2

3、UITableViewCell结构



三、Cell的重用

1、原理

     iOS设备的内存有限,如果用UITableView显示成千上万条数据,就需要成千上万个UITableViewCell对象的话,那将会耗尽iOS设备的内存。要解决该问题,需要重用UITableViewCell对象

     重用原理:当滚动列表时,部分UITableViewCell会移出窗口,UITableView会将窗口外的UITableViewCell放入一个对象池中,等待重用。当UITableView要求dataSource返回UITableViewCell时,dataSource会先查看这个对象池,如果池中有未使用的UITableViewCell,dataSource会用新的数据配置这个UITableViewCell,然后返回给UITableView,重新显示到窗口中,从而避免创建新对象

     UITableViewCell有个NSString *reuseIdentifier属性,可以在初始化UITableViewCell的时候传入一个特定的字符串标识来设置reuseIdentifier(一般用UITableViewCell的类名)。当UITableView要求dataSource返回UITableViewCell时,先通过一个字符串标识到对象池中查找对应类型的UITableViewCell对象,如果有,就重用,如果没有,就传入这个字符串标识来初始化一个UITableViewCell对象


2、示例代码

#import "RootViewController.h"

@interface RootViewController ()
@property(nonatomic, retain) UITableView *tableView;
@property(nonatomic, retain) NSArray *array1;
@property(nonatomic, retain) NSArray *array2;
@property(nonatomic, retain) NSArray *array3;
@property(nonatomic, retain) NSArray *array4;
@property(nonatomic, retain) NSArray *allArray;

@end


@implementation RootViewController

- (
void)dealloc
{
    [
_array1 release];
    [
_array2 release];
    [
_array3 release];
    [
_array4 release];
    [
_allArray release];
    [
super dealloc];
}

- (
void)viewDidLoad {
    [
super viewDidLoad];
   
   
UITableView *tableView= [[UITableView alloc] initWithFrame:self.view.frame style:UITableViewStylePlain];
   
self.tableView = tableView;

    tableView.
dataSource = self;
    tableView.
delegate = self;

    [
self.view addSubview:tableView];
    [tableView
release];
   
   
self.array1 = @[@"通用",@"隐私"];
   
self.array2 = @[@"iCloud",@"地图",@"Safari",@"照片与相机",@"GameCenter"];
   
self.array3 = @[@"Twitter",@"Facebook",@"Flickr",@"Vimeo",@"新浪微博",@"腾讯微博"];
   
self.array4 = @[@"开发者"];
   
self.allArray = @[_array1, _array2, _array3, _array4];
}

#pragma mark -- UITableViewDataSource --
//@required
//设置每节的行数
- (
NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
   
NSLog(@"section:%ld", section);
   
return [_allArray[section] count];
}
//设置单元格
- (
UITableViewCell *)tableView:(UITableView *)tableview cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
#pragma mark -- cell的重用机制 --
//如果重用集合中,有可用的重用标识为@"cell"UITableViewCell对象,则从中取出这个cell使用
   
UITableViewCell *cell = [tableview dequeueReusableCellWithIdentifier:@"cell"];
//如果重用集合中,没有可用的重用标识为@"cell"cell对象,则创建一个
   
if (!cell) {
        cell = [[
UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle
                                     
reuseIdentifier:@"cell"];
    }
   
   
//设置cell内容-------数组
    cell.
textLabel.text = _allArray[indexPath.section][indexPath.row];
   
    cell.
imageView.image = [UIImage imageNamed:@"bank_icon_ccb"];
    cell.
detailTextLabel.text = [NSString stringWithFormat:@"section:%ld,row:%ld",(long)indexPath.section,(long)indexPath.row];
   
   
NSLog(@"section:%ld,row:%ld", indexPath.section, indexPath.row);
   
NSLog(@"%@", NSStringFromCGRect(cell.frame));
   
return cell;
}
//@optional
- (
NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
   
NSLog(@"array:%ld", _allArray.count);
   
return _allArray.count;
}

- (
NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
   
return [NSString stringWithFormat:@"Header:%c",(char)('A'+section)];
}

- (
NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
{
   
return [NSString stringWithFormat:@"Footer%ld",section];
}

// 设置A-Z索引
- (
NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView
{
   
NSMutableArray * array = [NSMutableArray array];
   
for (int i=0; i<26; i++) {
        [array
addObject:[NSString stringWithFormat:@"%c", (char)('A'+i)]];
    }
   
return array;
}

#pragma mark -- UITableViewDelegate --
//设置行高
- (
CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
   
return 60;
}
- (
CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
   
return 40;
}
- (
CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
{
   
return 40;
}

- (
UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
{
   
UILabel *label = [[[UILabel alloc] initWithFrame:CGRectMake(20, 0, 0, 0)] autorelease];
    label.
backgroundColor = [UIColor redColor];
    label.
text = [NSString stringWithFormat:@"Fotter:%ld",section];
   
UIView *view=  [[UIView alloc] init];
    [view
addSubview:label];
    view.
backgroundColor = [UIColor blueColor];
   
return [view autorelease];
}

- (
void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
   
NSLog(@"section:%lu,row:%lu", indexPath.section, indexPath.row);
}

@end


© 著作权归作者所有

共有 人打赏支持
黑伞将军
粉丝 1
博文 33
码字总数 34553
作品 0
张家口
程序员
私信 提问
iOS UITableView代理方法详解

iOS UITableView的代理方法详解 一、补充 在上一篇博客中,http://my.oschina.net/u/2340880/blog/404605,我将IOS中tableView(表视图)的一些常用方法总结了一下,这篇将tableView的代理方法...

珲少
2015/04/22
0
2
关于UITableView你知道多少——UITableView简单解析

转自萧宸宇的博客 UITableView是在iOS开发中,展示大量内容的首选。我个人认为的原因有以下几点: 1.UITableView的展现形式是为移动设备专门设计过的。有较好的人机交互体验。 2.从技术角度来...

浪子艾菲儿
2013/08/07
0
0
4.7 Moving Cells and Sections in Table Views

Problem 在表视图里面通过流畅而直观的动画来移动改变cell 和section 的位置 Solution 使用 moveSection: toSection 表视图方法,将部分移动到一个新的位置。您还可以使用moveRowAtIndexPat...

人生天地间
2014/02/17
0
0
iOS 如何解决无法将键盘隐藏

问题: 在一个父视图上添加了UITableView以及一个UITextView(UITextView为底部,其余为UITableView的布局)。当点击UITextView的时候,响应正常。当结束写入的时候,需要调用[UITextView res...

萨斯辈的呼唤
2014/10/10
0
0
iOS开发系列--UITableView全面解析

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/jianxin160/article/details/47753205 --UIKit之UITableView 概述 在iOS开发中UITableView可以说是使用最广泛...

KenshinCui
2015/08/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

数据库篇多表操作

第1章 多表操作 实际开发中,一个项目通常需要很多张表才能完成。例如:一个商城项目就需要分类表(category)、商品表(products)、订单表(orders)等多张表。且这些表的数据之间存在一定的关系...

stars永恒
55分钟前
2
0
nginx日志自动切割

1.日志配置(Nginx 日志) access.log----记录哪些用户,哪些页面以及用户浏览器,IP等访问信息;error.log------记录服务器错误的日志 #配置日志存储路径:location / {      a...

em_aaron
昨天
3
0
java 反射

基本概念 RTTI,即Run-Time Type Identification,运行时类型识别。RTTI能在运行时就能够自动识别每个编译时已知的类型。   要想理解反射的原理,首先要了解什么是类型信息。Java让我们在运...

细节探索者
昨天
1
0
推荐转载连接

https://www.cnblogs.com/ysocean/p/7409779.html#_label0

小橙子的曼曼
昨天
3
0
雷军亲自打造的套餐了解下:用多少付多少

12月28日消息,小米科技创始人兼CEO雷军微博表示,小米移动任我行套餐方案,原则上就是明明白白消费,用多少付多少,不用不花钱!上网、电话和短信都是一毛钱,上网0.1元/M,电话0.1元/分钟,...

linuxCool
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部