UIKit之UITableView篇

1.UITableViewCell高度计算

  • Cell 具有固定高度的情况，使用rowHeight;之类的设置高度
//对于定高需求的表格,强烈建议使用这种方式保证不必要的高度计算和调用
self.tableView.rowHeight = 88;
  • Cell具有多种高度的情况的情况，实现 UITableViewDelegate 中的高度计算方法
//需要注意的是，实现了这个方法后，rowHeight的设置将无效。
//所以，这个方法适用于具有多种 cell 高度的 UITableView
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { 
   return 88;
}

2.可见cells数组（即在肉眼看到范围内的cell数组）

//函数说明：
NSArray<UITableViewCell*> * visibleCells = self.tableView.visibleCells;

/*********请使用以下方法****/
// 将像素point从view中转换到当前视图中，返回在当前视图中的像素值
- (CGPoint)convertPoint:(CGPoint)point fromView:(UIView *)view;
// 将rect由rect所在视图转换到目标视图view中，返回在目标视图view中的rect
- (CGRect)convertRect:(CGRect)rect toView:(UIView *)view;
// 将rect从view中转换到当前视图中，返回在当前视图中的rect
- (CGRect)convertRect:(CGRect)rect fromView:(UIView *)view;

事例：(使用场景：点击一个cell,需要展开cell以下内容，但是需要展开的内容在屏幕以外，需要往上偏移x个单位)

///展开在屏幕范围以外的cell，往上移动120单位，正确显示展开的cell
- (void)setUnVisableCellToVisable:(NSInteger)section withExpand:(BOOL)isExapnd{

    //当前点击cell的IndexPath
    NSIndexPath *tempIndex = [NSIndexPath indexPathForRow:0 inSection:section];
    
    //获取当前cell
    UITableViewCell *cell = [_tableView cellForRowAtIndexPath:tempIndex];
    
    //将rect由rect所在视图转换到目标视图view中，返回在目标视图view中的rect
    CGRect cellFrame = [_tableView convertRect:cell.frame toView:self.view];
    
    CGFloat cellHeightAndOrigionY = CGRectGetMinY(cellFrame) + CGRectGetHeight(cellFrame);
    
    CGFloat tableViewHeight = CGRectGetHeight(_tableView.frame)
    
    if ((cellHeightAndOrigionY >=  tableViewHeight) && isExapnd) {
        
        CGPoint contentOffset = _tableView.contentOffset;
        
        if (isExapnd) {
            
            contentOffset.y += 120;
        }
        
        [_tableView setContentOffset:contentOffset animated:YES];
    }
}

3.局部刷新

//刷新第一个section 第三个row
 NSIndexPath *tempIndex = [NSIndexPath indexPathForRow:2 inSection:0];
                                                       
 [tableView reloadRowsAtIndexPaths:@[tempIndex] withRowAnimation:UITableViewRowAnimationNone];

4.UIScrollView+UITableView组合应用

图事例.gif
  • 代码(左右两边，为对称的UITableViewCell)
#define ScreenWidht  [UIScreen mainScreen].bounds.size.width
#define ScreenHeight [UIScreen mainScreen].bounds.size.height

typedef NS_ENUM(NSInteger, ScrollTableViewType) {
    ScrollTableViewTypeDefalut = 0,//
    ScrollTableViewTypeLeft,//滑动左边的 tableView
    ScrollTableViewTypeMiddle,//滑动中间的 tableView
    ScrollTableViewTypeRight//滑动右边 tableView
};

@interface ViewController ()

@property (nonatomic,strong) UITableView  *tableView;
@property (nonatomic,strong) UITableView  *tableViewLeft;
@property (nonatomic,strong) UITableView  *tableViewRight;

@property (nonatomic,strong) UIScrollView *scrollViewLeft;
@property (nonatomic,strong) UIScrollView *scrollViewRight;

@property (nonatomic,assign) CGFloat tableViewOriginX;//中间tableview的起始点
@property (nonatomic,assign) CGFloat tableViewWidth;//中间tableView的宽度

@property (nonatomic,assign) BOOL isScrollViewLeft;//是否滑动左边的scrollView
@property (nonatomic,assign) ScrollTableViewType scrollTableViewIndex;

@end

@implementation ViewController

- (void)viewDidLoad {
    
    [super viewDidLoad];
    
    _tableViewWidth = 100;
    
    _tableViewOriginX = (ScreenWidht- _tableViewWidth)/2.0;
    
    _scrollViewLeft = ({
        UIScrollView *scrollView = [[UIScrollView alloc]init];
        scrollView.frame = CGRectMake(0, 64, _tableViewOriginX, ScreenHeight - 64);
        scrollView.contentSize = CGSizeMake(ScreenWidht, ScreenHeight-64);
        scrollView.contentOffset = CGPointMake(scrollView.contentSize.width-_tableViewOriginX, 0);
        scrollView.backgroundColor = [UIColor darkGrayColor];
        scrollView.bounces = NO;
        scrollView.delegate = self;
        [self.view addSubview:scrollView];
        scrollView;
    });
    
    _scrollViewRight = ({
        UIScrollView *scrollView = [[UIScrollView alloc]init];
        scrollView.frame = CGRectMake(_tableViewOriginX+_tableViewWidth, 64, ScreenWidht-(_tableViewOriginX+_tableViewWidth), ScreenHeight - 64);
        scrollView.contentSize = CGSizeMake(ScreenWidht, ScreenHeight-64);
        scrollView.backgroundColor = [UIColor lightGrayColor];
        scrollView.bounces = NO;
        scrollView.delegate = self;
        [self.view addSubview:scrollView];
        scrollView;
    });
    
    _tableView = ({
        UITableView *tableView = [[UITableView alloc]initWithFrame:CGRectZero style:UITableViewStylePlain];
        tableView.frame = CGRectMake(_tableViewOriginX, 64, _tableViewWidth, ScreenHeight - 64);
        [tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"_tableView"];
        //tableView.bounces = NO;
        tableView.showsVerticalScrollIndicator = NO;
        tableView.delegate = self;
        tableView.dataSource = self;
        [self.view addSubview:tableView];
        tableView;
    });
    
    _tableViewLeft = ({
        UITableView *tableView = [[UITableView alloc]initWithFrame:CGRectZero style:UITableViewStylePlain];
        tableView.frame = CGRectMake(0, 0, _scrollViewLeft.contentSize.width, _scrollViewLeft.contentSize.height);
        [tableView registerNib:[UINib nibWithNibName:@"LeftTableViewCell"bundle:nil] forCellReuseIdentifier:@"_tableViewLeft"];
        tableView.delegate = self;
        tableView.dataSource = self;
        //tableView.bounces = NO;
        tableView.showsVerticalScrollIndicator = NO;
        [_scrollViewLeft addSubview:tableView];
        tableView;
    });
    
    _tableViewRight = ({
        UITableView *tableView = [[UITableView alloc]initWithFrame:CGRectZero style:UITableViewStylePlain];
        tableView.frame = CGRectMake(0, 0, _scrollViewRight.contentSize.width, _scrollViewRight.contentSize.height);
        [tableView registerNib:[UINib nibWithNibName:@"RightTableViewCell"bundle:nil] forCellReuseIdentifier:@"_tableViewRight"];
        tableView.delegate = self;
        tableView.dataSource = self;
        //tableView.bounces = NO;
        tableView.showsVerticalScrollIndicator = NO;
        [_scrollViewRight addSubview:tableView];
        tableView;
    });
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    
    return 20 ;
}

- (UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    if (tableView == _tableView) {
        
        UITableViewCell *cell;
        
        cell = [tableView dequeueReusableCellWithIdentifier:@"_tableView"];
        
        cell.textLabel.text = [NSString stringWithFormat:@"中间%@",@(indexPath.row)];
        
        cell.textLabel.textAlignment = NSTextAlignmentCenter;
            
        cell.backgroundColor = [UIColor lightGrayColor];
        
        return cell;
    } else if (tableView == _tableViewLeft) {
        
        LeftTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"_tableViewLeft"];
        
        return cell;
    } else if (tableView == _tableViewRight) {
        
        RightTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"_tableViewRight"];
        
        return cell;
    }
    
    return nil;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
}

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {
    
    //判断是否为左右滑动
    if (scrollView == _scrollViewLeft) {
        
        _isScrollViewLeft = YES;
        
    } else if (scrollView == _scrollViewRight) {
        
        _isScrollViewLeft = NO;
    }
    
    //判断是否为上下滑动
    if (scrollView == _tableViewLeft) {
    
        _scrollTableViewIndex = ScrollTableViewTypeLeft;
    } else if(scrollView == _tableView){

        _scrollTableViewIndex = ScrollTableViewTypeMiddle;
    } else if (scrollView == _tableViewRight) {
    
        _scrollTableViewIndex = ScrollTableViewTypeRight;
    } else {
    
        _scrollTableViewIndex = ScrollTableViewTypeDefalut;
    }
}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    
    //左右滑动
    if (_isScrollViewLeft) {

        [_scrollViewRight setContentOffset:CGPointMake((ScreenWidht - _scrollViewLeft.contentOffset.x ) - _tableViewOriginX, 0)];
    } else {
        
        [_scrollViewLeft  setContentOffset:CGPointMake((ScreenWidht - _tableViewOriginX) - _scrollViewRight.contentOffset.x, 0)];
    }
    
    //上下滑动
    if (_scrollTableViewIndex == ScrollTableViewTypeLeft) {
        
        [_tableView      setContentOffset:CGPointMake(0, _tableViewLeft.contentOffset.y)];
        
        [_tableViewRight setContentOffset:CGPointMake(0, _tableViewLeft.contentOffset.y)];
    } else if (_scrollTableViewIndex == ScrollTableViewTypeMiddle) {
    
        [_tableViewLeft  setContentOffset:CGPointMake(0, _tableView.contentOffset.y)];
        
        [_tableViewRight setContentOffset:CGPointMake(0, _tableView.contentOffset.y)];
    } else if (_scrollTableViewIndex == ScrollTableViewTypeRight) {
        
        [_tableViewLeft setContentOffset:CGPointMake(0, _tableViewRight.contentOffset.y)];
        
        [_tableView     setContentOffset:CGPointMake(0, _tableViewRight.contentOffset.y)];
    }
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 212,185评论 6赞 493
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 90,445评论 3赞 385
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 157,684评论 0赞 348
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 56,564评论 1赞 284
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 65,681评论 6赞 386
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 49,874评论 1赞 290
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,025评论 3赞 408
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 37,761评论 0赞 268
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 44,217评论 1赞 303
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2赞 327
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1赞 341
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 34,351评论 4赞 332
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,988评论 3赞 315
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1赞 266
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2赞 360
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2赞 349

推荐阅读更多精彩内容