文档章节

UI_09 UITableView(表视图)

黑伞将军
 黑伞将军
发布于 2015/08/26 22:31
字数 1380
阅读 46
收藏 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
iOS 如何解决无法将键盘隐藏

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

萨斯辈的呼唤
2014/10/10
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(一): 新手篇创建tableView

一、UITableView简单介绍 1.tableView是一个用户可以滚动的多行单列列表,在表视图中,每一行都是一个UITableViewCell对象,表视图有两种风格可选 typedef NS_ENUM(NSInteger, UITableViewSt...

芳仔小脚丫
2014/02/25
0
26

没有更多内容

加载失败,请刷新页面

加载更多

【大福利】极客时间专栏返现二维码大汇总

我已经购买了如下专栏,大家通过我的二维码你可以获得一定额度的返现! 然后,再给大家来个福利,只要你通过我的二维码购买,并且关注了【飞鱼说编程】公众号,可以加我微信或者私聊我,我再...

飞鱼说编程
9分钟前
1
0
Spring5对比Spring3.2源码之容器的基本实现

最近看了《Spring源码深度解析》,该书是基于Spring3.2版本的,其中关于第二章容器的基本实现部分,目前spring5的实现方式已有较大改变。 Spring3.2的实现: public void testSimpleLoad(){...

Ilike_Java
20分钟前
1
0
【王阳明心学语录】-001

1.“破山中贼易,破心中贼难。” 2.“夫万事万物之理不外于吾心。” 3.“心即理也。”“心外无理,心外无物,心外无事。” 4.“人心之得其正者即道心;道心之失其正者即人心。” 5.“无...

卯金刀GG
今天
2
0
OSChina 周三乱弹 —— 我们无法成为野兽

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ _刚刚好: 霸王洗发水这波很骚 手机党少年们想听歌,请使劲儿戳(这里) hahahahahahh @嘻酱:居然忘了喝水。 让你喝可乐的话, 你准忘不了...

小小编辑
今天
7
0
vm GC 日志 配置及查看

-XX:+PrintGCDetails 打印 gc 日志 -XX:+PrintTenuringDistribution 监控晋升分布 -XX:+PrintGCTimeStamps 包含时间戳 -XX:+printGCDateStamps 包含时间 -Xloggc:<filename> 可以将数据保存为......

Canaan_
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部