IOS开发UI篇之tableView 的用法详解

　　1.我们知道tableView是IOS中的高级视图，其继承与ScrollView，故我们知道他有具有ScrollView的所有功能。而且还扩展了许多。当然在这里就不一一介绍了。

　　2.tableView的表现格式分两种Plain和Grouped两种风格

　　3.tableView的两种代理类delegate和dataSource.这两种代理至关重要，我们在做tableView和这些代理是分不开的。

　　4.代理中比较常用的代理方法：

(1)dataSource的两个必须使用的代理

　　@required

　　　　//显示UITableView的Cell的个数

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

　　　　//Cell和model的数据的交互

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

(2)delegate的常用代理方法

　　@optional

　　　　//用于设定tableView的高度

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

　　　　//当选中Cell时候调用的方法

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

4.一般来说这四个代理已经能够处理函数tableView没有问题了，但是有时我们在做tableView时候，tableView的第一个Cell或者最后一个Cell和其他Cell不同，所以我们有可能用到下面的两个函数

//给tableview头的Cell和Model的数据交互

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

//定义tableView的头部的高度

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

 //给tableview尾部的Cell和Model的数据交互

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

//定义tableView的尾部的高度

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

5.还有一种方法，应为tableView的对象自带的有这两个属性

例如：

ableView的对象自带的有这两个属性的属性要注意的是他接收的对象UIView 

//截图

self.tableView.tableFooterView

self.tableView.tableHeaderView

以上基本上就可以做出完整的tableView了。那下面我们看一看tableView的扩展吧

6.我们知道tableView继承于scrollview，但是scrollView有时候加载过多的东西时候使用内存较大，会导致手机卡死；这时候我们一般有三个方法解决，一，重用scrollView  二，使用瀑布流 三，使用横向tableView 

使用横向tableView：

一下例子只是我从工程中取出来的文件，可能运行不了，但是可以借鉴其步骤

 其中代理函数不会发生改变，但是其中心和Frame都要发生改变

Frame需要X与Y 宽度和长度都要反过来

横向tableView主要有几句很重要的代码

这两句话：第一句话是将tableView横向旋转，第二句话是改变tableView中心。这两句话放在tabbleView的对象定义的时候，可见下面“设置界面”代码

table.transform = CGAffineTransformMakeRotation(- M_PI / 2);
table.center = CGPointMake(self.view.frame.size.width / 2 , self.view.frame.size.height / 2 + 30);

这一句话是放在Cell和Model数据交互中，其作用是将Cell也横向旋转
cell.contentView.transform = CGAffineTransformMakeRotation(M_PI / 2);

//设置界面
- (void) SettingsView
{
    self.tableViewX = [[UITableView alloc] initWithFrame:CGRectMake(100, 0, HEIGHT -100, WIDTH)];
    self.tableViewX.transform = CGAffineTransformMakeRotation(- M_PI / 2);
    self.tableViewX.center = CGPointMake(WIDTH / 2 , (HEIGHT + 100) /2 + 0);
    self.tableViewX.dataSource =self;
    self.tableViewX.delegate = self;
    self.tableViewX.pagingEnabled = YES;
    self.tableViewX.showsVerticalScrollIndicator= NO;
    self.tableViewX.bounces = YES;
    [self.view addSubview:self.tableViewX];
    
}

//显示有几个Cell
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 6;
}

//数据交互
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //数据
    NSArray * newpho = allNewsarray[0];
    NSArray * newarr = allNewsarray[1];
    NSDictionary * newsPhotosDic = newpho[indexPath.row];
    NSDictionary * newsdic = newarr[indexPath.row];

    NSArray * photos = [newsPhotosDic objectForKey:@"data"];

    NSString * identifier = [NSString stringWithFormat:@"Cell%lu",indexPath.row];
    
    YZXViewCellX * Cell = [tableView dequeueReusableCellWithIdentifier:identifier];
    if (Cell == nil)
    {
        Cell = [[YZXViewCellX alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier andArray:photos];
    }
    Cell.nowArray = [newsdic objectForKey:@"data"];
    Cell.PhotoArray = [newsPhotosDic objectForKey:@"data"];
    NSLog(@"+++++++++++++++%lu %lu",Cell.nowArray.count, Cell.PhotoArray.count);
    Cell.contentView.transform = CGAffineTransformMakeRotation(M_PI / 2);
    
    Cell.block = ^(YZXViewCellX * newCell, newsList * aa)
    {
        NSLog(@"详情");
        DetailedNewsController * det = [[DetailedNewsController alloc] init];
        det.New = aa;
        [self.navigationController pushViewController:det animated:YES];
    };
    
    return Cell;
}
//因为横向tableView代替scroll故，高度为屏幕宽度
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return WIDTH;
}

 

 

 

转载于:https://www.cnblogs.com/YU411524/p/4949074.html