UITableView-白红宇

UITableView

阅读量：6793 次

发布时间：2019-06-26

本文共 8104 字，大约阅读时间需要 27 分钟。

UITableView是iOS中最重要的视图，没有之一。

基本上每个应用程序都会用到UITableView来布局。

UITableView继承于UIScrollView，所以可以滚动。可以表现为两种风格：UITableViewStylePlain和UITableViewStyleGrouped。

UITableView基本是用来显示数据。

UITableView的使用：

1、在AppDelegate.m中，把UINavigationController创建出来，并给window的rootViewController。

AppDelegate.m

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

RootViewController *root = [[RootViewController alloc]init];

UINavigationController *rootNC = [[UINavigationController alloc]initWithRootViewController:root];

self.window.rootViewController = rootNC;

self.window.backgroundColor = [UIColor whiteColor];

[self.window makeKeyAndVisible];

return YES;

}

2、创建RootViewController，并初始化对应的视图RootView。

RootView.h

#import <UIKit/UIKit.h>

@interface RootView : UIView

// tableView继承于Scrollview

@property(nonatomic,retain)UITableView *tv;

@end

RootView.m

#import "RootView.h"

@implementation RootView

- (instancetype)initWithFrame:(CGRect)frame

{

self = [super initWithFrame:frame];

if (self) {

[self p_setupView];

}

return self;

}

- (void)p_setupView{

self.backgroundColor = [UIColor yellowColor];

self.tv = [[[UITableView alloc]initWithFrame:self.bounds style:(UITableViewStyleGrouped)]autorelease];

// 分割线的样式

self.tv.separatorStyle = UITableViewCellSeparatorStyleSingleLine;

// 分割线的颜色

self.tv.separatorColor = [UIColor greenColor];

self.tv.rowHeight = 100;

// NSLog(@"%f",self.tv.rowHeight);

[self addSubview:_tv];

}

- (void)dealloc

{

[_tv release];

[super dealloc];

}

@end

解释：

1、self.tv = [[[UITableView alloc]initWithFrame:self.bounds style:(UITableViewStyleGrouped)]autorelease];

第一个参数，放TableView的视图大小，位置等，一般设置跟屏幕一样大。

第二个参数，tableview的显示样式，这里是UITableViewStyleGrouped（分组形式）。

2、separatorStyle，tableview中，每一条信息之间，都有一条线隔开，这里设置的就是这条线的颜色。

3、rowHeight，设置每一行的行高，如果给0，在屏幕上就不显示建好的tableview（因为每行都重叠在一起了），所以，必须要给一个值。

@font-face { font-family: "宋体"; }@font-face { font-family: "Cambria Math"; }@font-face { font-family: "@宋体"; }@font-face { font-family: "Cambria"; }p.MsoNormal, li.MsoNormal, div.MsoNormal { margin: 0cm 0cm 0.0001pt; text-align: justify; font-size: 12pt; font-family: Cambria; }.MsoChpDefault { font-family: Cambria; }div.WordSection1 { page: WordSection1; }

RootViewController.m

#import "RootViewController.h"

#import "RootView.h"

#import "NextViewController.h"

// dataSource 的代理

@interface RootViewController ()<UITableViewDataSource,UITableViewDelegate>

@property(nonatomic,retain)RootView *rv;

@end

@implementation RootViewController

// 有多少个分区

// 1.确定有多少个分区

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

return 10;

}

// 每个分区有多少行

// 这个方法走多少次，根据有多少个分区决定

// 2.确定每个分区有多少航

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

if (section == 2) {

return 10;

}else{

return 5;

}

// 创建cell

//这个方法走多少次，是根据各分区行数之和

// 3.

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

// UITableViewCell *cell = [[UITableViewCell alloc]initWithStyle:(UITableViewCellStyleSubtitle) reuseIdentifier:nil];

// 重用标示符

static NSString *cell_id = @"cell_1";

// 先从重用池用找cell

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cell_id ];

// 判断是否找到cell

if (cell == nil) {

cell = [[UITableViewCell alloc]initWithStyle:(UITableViewCellStyleSubtitle) reuseIdentifier:cell_id];

}

// 给cell赋值

cell.textLabel.text = [NSString stringWithFormat:@"section:%ld,row :%ld", indexPath.section,indexPath.row ];

// NSLog(@"section:%ld,row :%ld", indexPath.section,indexPath.row);

// cell 属性

// 文本

cell.backgroundColor = [UIColor colorWithRed:arc4random() % 256/255.0 green:arc4random() % 256/255.0 blue:arc4random() % 256/255.0 alpha:1];

// 图片

cell.imageView.image = [UIImage imageNamed:@"2.png"];

// 子标题

cell.detailTextLabel.text = @"测试数据..";

// 辅助信息（在最右边）

// cell.accessoryType = UITableViewCellAccessoryCheckmark;

cell.accessoryView = [[UISwitch alloc]init];

// 选中样式

cell.selectionStyle = UITableViewCellSelectionStyleBlue;

return cell;

}

// 设置分区头标题

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

return [NSString stringWithFormat:@"第%ld个分区..",section];

}

// 设置分区尾

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

return @"版权归 H.Z 所有或者解释这个分区是干什么的。";

}

- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView{

NSArray *arr = @[@"0",@"1",@"2",@"3",@"4"];

return arr;

}

#pragma mark delegate

// 每个分区头部view高度

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

return 100;

}

// 分区头部view

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

UISlider *s = [[UISlider alloc]initWithFrame:CGRectMake(0, 0, 200, 400)];

s.backgroundColor = [UIColor blackColor];

return s;

}

// 精准控制每一个cell

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

if (indexPath.section == 0 && indexPath.row == 2) {

return 200;

}

return 100;

}

// 选中cell

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

NSLog(@"%@",indexPath);

NextViewController *nextVC = [[NextViewController alloc]init];

[self.navigationController pushViewController:nextVC animated:YES];

}

-(void)loadView{

self.rv = [[RootView alloc]initWithFrame:[[UIScreen mainScreen] bounds]];

self.view = _rv;

}

- (void)viewDidLoad {

[super viewDidLoad];

//设置代理

self.rv.tv.dataSource = self;

self.rv.tv.delegate = self;

// NSLog(@"%@",self.rv.tv);

}

解释：

以下13点，都是UITableViewDataSource协议的方法。

datasource意思是数据源，每个tableview都有数据源，负责给cell提供数据，下面13点都是dataSource协议里的方法，UITableViewDataSource跟delegate功能一样，只是名字不一样。

1、(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView；这个方法，是创建一个tableview过程中，最先执行的一个方法，这里，用来确定这个tableview有多少个分区（section）。返回值就是有多少个分区。

2、(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section，这个方法是执行的第二个方法，意思是，这个tableview里的这个分区里，有多少行。

3、- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath，这个方法是第三个执行的方法，也就是在这个方法里对tableview 进行初始化，创建出来。

第一个参数：当前操作的视图，

第二个参数：一般我们取这个对象里边的row（行）和section（分区）

4 [[UITableViewCell alloc]initWithStyle:(UITableViewCellStyleSubtitle) reuseIdentifier:cell_id]，

创建UITableViewCell，UITableView中，每一个单元格，叫做cell，为UITableViewCell类的对象，有4种样式，UITableViewCellStyleSubtitle的样式是其中一种。

reuseIdentifier，是“根据一个重用符号对滑出屏幕的那些cell重用”。

在创建tableview的过程中，如果在当前屏幕中，能容下几个cell就先创建几个cell。当把tableview往上滑时，才会创建后面的cell，滑出屏幕的那些cell会被系统放入“重用池”，里边的信息没有删除，在重用池中，等待被系统重新使用。滑出屏幕的cell，已经被销毁（放进重用池），重新划回去（看到的不再是原来的cell，而是新的cell，可以是从重用池中重用的，也可能是新创建的，总之不再是原来的cell）。所以，在创建一个cell的时候，就会用一个字符串来标记，。重用机制，就是在重用池找有没有标记的cell如果有，拿出来用，如果没有，则直接创建一个新的cell。

5、cell.textLabel.text，给cell赋值

6、cell.imageView.image，给cell添加图片。每个cell其实有三部分组成，就是最左边的图片部分，中间的文本部分，右边的辅助信息部分。这个图片会按照cell的高按比例进行缩放，若cell行高足够高，则显示全部图片。

7、cell.detailTextLabel.text，文本区域的子标题

8、accessoryType，辅助信息（位于cell最右边），用于提示

9、accessoryView，也是辅助信息的另一种形式，是对type的扩展，可以放任意视图

10、selectionStyle，cell被选中的样式（基本失效）

11、-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section，用来设置每一个分区的标题。

第一个参数，当前tableview，第二个参数，当前分区

12、-(NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section，设置分区尾的标题，一般用来声明版权归谁所有等等。

13、- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView，tableview最右边的一排索引，可以点索引去到对应分区。