悬浮导航标题，下面横放多个tableView的demo

TableInScrollView.gif

请关注，防止你用了，我改了，有问题连个商量的人都找不到...

废话少说，上代码

TableTopHeaderView.h

#import <UIKit/UIKit.h>

@interface TableTopHeaderView : UIView

@property (nonatomic, assign) CGFloat BottomItemH;

@property (nonatomic, assign) NSInteger selectedIndex;

@property (nonatomic, copy) void(^btnClickBlock)(NSInteger index);

@end

TableTopHeaderView.m

#import "TableTopHeaderView.h"
#import "DDYButton.h"
#import "DDYButton+DDYLinkBlock.h"

@interface TableTopHeaderView ()

@property (nonatomic, strong) UIView   *headView;

@property (nonatomic, strong) UIButton *firstBtn;

@property (nonatomic, strong) UIButton *secondBtn;

@property (nonatomic, strong) UIButton *thirdBtn;

@property (nonatomic, strong) UIView   *lineView;

@end

@implementation TableTopHeaderView

- (instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame])
    {
        [self setupHeadView];
        [self setHorizontalBtn];
    }
    return self;
}

#pragma mark 这里设置上面显示的视图
- (void)setupHeadView
{
    _headView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, DDYSCREENW, 200)];
    _headView.backgroundColor = [UIColor lightGrayColor];
    [self addSubview:_headView];
}

- (void)setHorizontalBtn
{
    CGFloat btnW = DDYSCREENW/3.0;
    
    _firstBtn  = [DDYButton customDDYBtn].btnTitleN(@"第一个按钮").btnBgColor(DDYColor(245, 245, 245, 1)).btnTag(101);
    _secondBtn = [DDYButton customDDYBtn].btnTitleN(@"第二个按钮").btnBgColor(DDYColor(245, 245, 245, 1)).btnTag(102);
    _thirdBtn  = [DDYButton customDDYBtn].btnTitleN(@"第三个按钮").btnBgColor(DDYColor(245, 245, 245, 1)).btnTag(103);
    _lineView  = UIViewNew.viewBGColor([UIColor redColor]).viewSetFrame(0, 240, btnW, 1);
    
    _firstBtn.btnFrame( 0*btnW, 200, btnW, 40).btnSuperView(self).btnTitleColorN([UIColor redColor]);
    _secondBtn.btnFrame(1*btnW, 200, btnW, 40).btnSuperView(self).btnTitleColorN([UIColor lightGrayColor]);
    _thirdBtn.btnFrame( 2*btnW, 200, btnW, 40).btnSuperView(self).btnTitleColorN([UIColor lightGrayColor]);
    
    [_firstBtn  addTarget:self action:@selector(handleBtnClick:) forControlEvents:UIControlEventTouchUpInside];
    [_secondBtn addTarget:self action:@selector(handleBtnClick:) forControlEvents:UIControlEventTouchUpInside];
    [_thirdBtn  addTarget:self action:@selector(handleBtnClick:) forControlEvents:UIControlEventTouchUpInside];
    
    [self addSubview:_lineView];
    _selectedIndex = 0;
    _BottomItemH = _firstBtn.ddy_h;
}

- (void)setSelectedIndex:(NSInteger)selectedIndex
{
    _selectedIndex = selectedIndex;
    
    if (_selectedIndex == 0)
    {
        _firstBtn.btnTitleColorN([UIColor redColor]);
        _secondBtn.btnTitleColorN([UIColor lightGrayColor]);
        _thirdBtn.btnTitleColorN([UIColor lightGrayColor]);
    }
    else if (_selectedIndex == 1)
    {
        _firstBtn.btnTitleColorN([UIColor lightGrayColor]);
        _secondBtn.btnTitleColorN([UIColor redColor]);
        _thirdBtn.btnTitleColorN([UIColor lightGrayColor]);
    }
    else if (_selectedIndex == 2)
    {
        _firstBtn.btnTitleColorN([UIColor lightGrayColor]);
        _secondBtn.btnTitleColorN([UIColor lightGrayColor]);
        _thirdBtn.btnTitleColorN([UIColor redColor]);
    }
    
    [UIView animateWithDuration:0.3 animations:^{
        _lineView.ddy_x = _selectedIndex * DDYSCREENW/3.0;
    }];
}

- (void)handleBtnClick:(DDYButton *)button
{
    if (self.btnClickBlock)
    {
        self.btnClickBlock(button.tag-101);
    }
}

@end

TestTableView.h

#import <UIKit/UIKit.h>
#import "TableTopHeaderView.h"
#import "TableViewInScrollViewVC.h"

@interface TestTableView : UITableView

@property (nonatomic, strong) TableTopHeaderView *topView;

@property (nonatomic, strong) TableViewInScrollViewVC *currentVC;

@end

TestTableView.m

#import "TestTableView.h"

@interface TestTableView ()<UITableViewDelegate, UITableViewDataSource>

@end

@implementation TestTableView

- (void)setTopView:(TableTopHeaderView *)topView
{
    _topView = topView;
    
    self.dataSource = self;
    self.delegate = self;
    self.scrollIndicatorInsets = UIEdgeInsetsMake(self.topView.ddy_h, 0, 0, 0);
    self.tableHeaderView = UIViewNew.viewSetFrame(0, 0, DDYSCREENW, self.topView.ddy_h);
    self.tableFooterView = [UIView new];
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 3;
}

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

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    return 0.1;
}

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
{
    return (section == 2) ? 0.1 : 10;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 60;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellID = @"reuseFirstTableViewCell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellID];
    if (!cell)
    {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellID];
    }
    cell.textLabel.text = [NSString stringWithFormat:@"%ld--%ld", (long)indexPath.section, (long)indexPath.row];
    return cell;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
    DDYLog(@"didSelect:%ld--%ld",(long)indexPath.section, (long)indexPath.row);
}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGFloat topViewContentH = self.topView.ddy_h - self.topView.BottomItemH;
    
    CGFloat offsetY = scrollView.contentOffset.y;
    
    if (offsetY >= 0 && offsetY <= topViewContentH)
    {
        self.topView.ddy_y = -offsetY;
    }
    else if (offsetY > topViewContentH)
    {
        self.topView.ddy_y = -topViewContentH;
    }
    else if (offsetY <0)
    {
        self.topView.ddy_y =  -offsetY;
    }
}

@end

TableViewInScrollViewVC

#import "TableViewInScrollViewVC.h"
#import "TableTopHeaderView.h"
#import "TestTableView.h"

@interface TableViewInScrollViewVC ()<UIScrollViewDelegate>

@property (nonatomic, strong) UIScrollView *bottomScrollView;

@property (nonatomic, strong) TableTopHeaderView *headView;

@property (nonatomic, strong) TestTableView *firstTableView;

@property (nonatomic, strong) TestTableView *secondTableView;

@property (nonatomic, strong) TestTableView *thirdTableView;

@property (nonatomic, strong) UIView *navLine;

@end

@implementation TableViewInScrollViewVC

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self prepare];
    [self.view addSubview:self.bottomScrollView];
    [self.view addSubview:self.headView];
}

- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
    _navLine.hidden = YES;
}

- (void)viewWillDisappear:(BOOL)animated
{
    [super viewWillDisappear:animated];
    _navLine.hidden = NO;
}

- (void)prepare
{
    // 64当起点布局
    UIView *backgroundView = [self.navigationController.navigationBar subviews].firstObject;
    for (UIView *view in backgroundView.subviews)
    {
        if ([view isKindOfClass:[UIImageView class]] && view.ddy_h == 0.5)
        {
            _navLine = (UIImageView *)view;
        }
    }
    
    self.edgesForExtendedLayout = UIRectEdgeNone;
    self.automaticallyAdjustsScrollViewInsets = NO;
    self.extendedLayoutIncludesOpaqueBars = NO;
    self.view.backgroundColor = DDYColor(245, 245, 245, 1);
    self.navigationController.navigationBar.barTintColor = DDYColor(247, 247, 247, 1);
}

- (UIScrollView *)bottomScrollView
{
    if (!_bottomScrollView)
    {
        _bottomScrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];
        _bottomScrollView.contentSize = CGSizeMake(DDYSCREENW*3, 0);
        _bottomScrollView.showsVerticalScrollIndicator = NO;
        _bottomScrollView.showsHorizontalScrollIndicator = NO;
        _bottomScrollView.pagingEnabled = YES;
        _bottomScrollView.delegate = self;
        _bottomScrollView.bounces = NO;
        [_bottomScrollView addSubview:self.firstTableView];
        [_bottomScrollView addSubview:self.secondTableView];
        [_bottomScrollView addSubview:self.thirdTableView];
    }
    return _bottomScrollView;
}

- (TableTopHeaderView *)headView
{
    if (!_headView)
    {
        __weak __typeof__ (self)weakSelf = self;
        _headView = [[TableTopHeaderView alloc] initWithFrame:CGRectMake(0, 0, DDYSCREENW, 241)];
        _headView.btnClickBlock = ^(NSInteger index) {
            [weakSelf verticalScrollSetting];
            weakSelf.headView.selectedIndex = index;
            [weakSelf.bottomScrollView setContentOffset:CGPointMake(index*DDYSCREENW, 0) animated:NO];
        };
    }
    return _headView;
}

- (TestTableView *)firstTableView
{
    if (!_firstTableView)
    {
        _firstTableView = [[TestTableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];
        _firstTableView.ddy_x = 0*DDYSCREENW;
        _firstTableView.ddy_h = DDYSCREENH-64;
        _firstTableView.topView = self.headView;
        
    }
    return _firstTableView;
}

- (TestTableView *)secondTableView
{
    if (!_secondTableView)
    {
        _secondTableView = [[TestTableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];
        _secondTableView.ddy_x = 1*DDYSCREENW;
        _secondTableView.ddy_h = DDYSCREENH-64;
        _secondTableView.topView = self.headView;
    }
    return _secondTableView;
}

- (TestTableView *)thirdTableView
{
    if (!_thirdTableView)
    {
        _thirdTableView = [[TestTableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];
        _thirdTableView.ddy_x = 2*DDYSCREENW;
        _thirdTableView.ddy_h = DDYSCREENH-64;
        _thirdTableView.topView = self.headView;
    }
    return _thirdTableView;
}


- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    self.navigationController.navigationBarHidden = (scrollView.contentOffset.y > 0);
    [self verticalScrollSetting];
}

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    [self verticalScrollSetting];
    self.headView.selectedIndex = ceilf(scrollView.contentOffset.x / DDYSCREENW);
}

- (void)verticalScrollSetting
{
    CGFloat placeholderOffset = 0;
    if (self.headView.selectedIndex == 0)
    {
        if (self.firstTableView.contentOffset.y > self.headView.ddy_h - self.headView.BottomItemH)
        {
            placeholderOffset = self.headView.ddy_h - 40;
        }
        else
        {
            placeholderOffset = self.firstTableView.contentOffset.y;
        }
        [self.secondTableView setContentOffset:CGPointMake(0, placeholderOffset) animated:NO];
        [self.thirdTableView  setContentOffset:CGPointMake(0, placeholderOffset) animated:NO];
    }
    else if (self.headView.selectedIndex == 1)
    {
        if (self.secondTableView.contentOffset.y > self.headView.ddy_h - self.headView.BottomItemH)
        {
            placeholderOffset = self.headView.ddy_h - self.headView.BottomItemH;
        }
        else
        {
            placeholderOffset = self.secondTableView.contentOffset.y;
        }
        [self.firstTableView setContentOffset:CGPointMake(0, placeholderOffset) animated:NO];
        [self.thirdTableView setContentOffset:CGPointMake(0, placeholderOffset) animated:NO];
    }
    else if (self.headView.selectedIndex == 2)
    {
        if (self.thirdTableView.contentOffset.y > self.headView.ddy_h - self.headView.BottomItemH)
        {
            placeholderOffset = self.headView.ddy_h - self.headView.BottomItemH;
        }
        else
        {
            placeholderOffset = self.thirdTableView.contentOffset.y;
        }
        [self.firstTableView  setContentOffset:CGPointMake(0, placeholderOffset) animated:NO];
        [self.secondTableView setContentOffset:CGPointMake(0, placeholderOffset) animated:NO];
    }
}

@end

点星星 scan demoCode

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

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,028评论 25赞 707
  • 无标题文章
    转至元数据结尾创建： 董潇伟，最新修改于： 十二月 23, 2016 转至元数据起始第一章:isa和Class一....
    40c0490e5268阅读 1,703评论 0赞 9
  • 雷达和脉冲扫描图
    请关注，防止你用了，我改了，有问题连个商量的人都找不到... 雷达扫描图 DDYRadarView.h DDYRa...
    DDY阅读 768评论 0赞 2
  • "农村人其实很有钱"
    在大多数人看来，"农村"这个词，似乎就代表了贫穷。 那么为什么天我要来说说农村人还其实很有钱，我从教育这个问题上来...
    酷阿龙的小悠然阅读 848评论 4赞 2
  • 【11.08 朝露】我为什么写作
    我为什么要写作？这个话题让我思考良久。 记得从初中时开始写日记，最初是为了完成作业，应付了事，常常记流水帐。后来有...
    朝露_花婆婆阅读 182评论 0赞 0