【开发工具】AGCustomPageControllerView多标签控件

仿半糖效果,又和半糖效果有些区别

效果展示:

2月-21-2017 13-30-57.gif
2月-21-2017 13-35-03.gif

对比

半糖效果:

第一个页面 banner 隐藏之后,滑动到其它界面,滑动至 banner 显示时,其它界面会重置回顶部位置。

AGPageControllerViewController:

第一个页面 banner 隐藏之后,滑动到其它界面,滑动至 banner 显示时,不会影响到之前界面的滑动位置,界面位置保持在原来的位置。

优点

1,简单易用

通过继承 AGPageControllerViewController 即可使用。对于每个子控制器的显示,由每个子控制器自己负责即可。

2,自定义标签栏样式

标签栏使用 collectionView 实现,提供了默认的样式。开发者也可以根据自己的需求,重写标签栏 cell 的样式(具体查看 AGPageControllerViewController .h #pragma mark - 自定义标签设置 下提供的方法)。

缺点及待解决的问题:

1,banner 显示时滑动,有底部的 tableView 有跳动

在真机上,效果比较不错,在模拟器和7p大屏幕的手机上,界面的跳动可以被观察到。由于界面需要保持自己原有的位置,因此需要实时的记录滚动时的位置,这导致 banner 显示时的滚动中,可以看到界面会有一些跳动。

2,设置默认选中页时,能够看到切换过程

由于使用的是 collectionView 来实现上面的标签栏,collectionView 中的 cell 没有载入完成时,设置其滚动到指点的 cell 是无效的。

现在的处理方式:
通过延时等待 collectionView 的 cell 载入完毕后在滚动

3,- (void)setContentOffset:(CGPoint)contentOffset animated:(BOOL)animated; 方法的问题

标签切换的过程中涉及到滚动的位置问题,如果设置滚动的时候,设置 animated 为 YES,滚动的位置就会发生偏差。
AGPageControllerViewController 提供了界面滚动会顶部的 方法 - (void)allViewScrollToTop;,也会出现同样的问题。

现在的处理方法:
将 animated 设置为NO,但是在切换的过程中,界面没有滚动的过程,一下就切换过去了

文件结构

Paste_Image.png

使用:

工程地址:
https://github.com/againxu/AGCustomPageControllerView.git
里面包含了具体的使用方法

一,继承 AGPageControllerViewController 使用。
@interface ViewController1 : AGPageControllerViewController

使用提供的初始化方法 - (instancetype)initWithChildControllers:(NSArray<UIViewController *> *)ag_childControllers; 进行设置

    // 创建要显示的子控制器
    NSMutableArray *childVcs = [NSMutableArray array];
    for (int index = 0; index < 10; index++) {
        
        if (index % 2) {
            TableViewController *tabVc = [[TableViewController alloc] init];
            tabVc.title = [NSString stringWithFormat:@"==== %d ====", index];
            [childVcs addObject:tabVc];
        }else{
            CollectionViewController *collVc = [[CollectionViewController alloc] init];
            collVc.title = [NSString stringWithFormat:@"== %d ==", index];
            [childVcs addObject:collVc];
        }
    }
    
    ViewController1 *vc = [[ViewController1 alloc] initWithChildControllers:childVcs];

AGPageControllerViewController 中提供了具体配置方法,可以根据具体的需要来实现需求:

// 头部视图是否允许滚动
@property (nonatomic, assign) BOOL scrollEnable;

/** 设置子控件(滚动标签和自控制是否弹性效果) */
@property (nonatomic, assign) BOOL subViewsbounces;

/** 滚动标签样式 */
@property (nonatomic, assign) AGLabelAlignment labelAlignment;

/** 标签选中的样式 */
@property (nonatomic, assign) AGSelectStyle selectStyle;

/** 设置当前标签位置 */
- (void)setCurrentLabelIndex:(NSInteger)index;

/** 头视图 */
- (UIView *)tableHeaderView;

/** 标签栏高度 */
- (CGFloat)heightOfscrollLabelControl;

/** 重写:�自定义滑动条上的视图 */
//- (UIView *)viewForSectionHeader;

/** 滚动条右侧视图:默认无 */
- (UIView *)rightViewForSectionHeader;

/** 更新头部视图:tableViewHeader 如果是动态设定的,可以使用此方法更新 */
- (void)reloadTableViewHeader;

/** 更新子控制器 */
- (void)updateChildContollers:(NSArray<UIViewController *> *)childControllers;
- (void)reloadPageControlChildControllers;

/** 所有视图滚动到顶部 */
- (void)allViewScrollToTop;

#pragma mark - 自定义标签设置
/** 注册自定义类型的 标签 */
/** 这是个代理方法,如果需要注册自定义的 lable cell,实现代理进行注册 */
- (void)registerCellForScrollLabel:(AGScrollLabelView *)scrollLabelView;

/** 自定义类型标签 */
- (UICollectionViewCell *)scrollLabel:(AGScrollLabelView *)scrollLabelView collectionView:(UICollectionView *)collectionView cellforIndexPath:(NSIndexPath *)indexPath;

/** 标签个数,如果只显示title(通过设置vc.titles即可),不需要实现这里的方法 */
- (NSInteger)numberOfItemsInScrollLabelView:(AGScrollLabelView *)scrollLabelView;

/** 自定义类型标签的size */
- (CGSize)scrollLabel:(AGScrollLabelView *)scrollLabelView sizeForCellAtIndexPath:(NSIndexPath *)indexPath;

/** 当前选中的 标签 */
- (void)scrollLabelScrollCell:(UICollectionViewCell *)cell atIndex:(NSInteger)index;
二,自定义标签栏标签样式

在继承 AGPageControllerViewController 的子类中重写下面的方法。方法的使用和 collectionView 的数据源方法一样,具体见 demo

/** 注册自定义类型的 标签 */
/** 这是个代理方法,如果需要注册自定义的 lable cell,实现代理进行注册 */
- (void)registerCellForScrollLabel:(AGScrollLabelView *)scrollLabelView;

/** 自定义类型标签 */
- (UICollectionViewCell *)scrollLabel:(AGScrollLabelView *)scrollLabelView collectionView:(UICollectionView *)collectionView cellforIndexPath:(NSIndexPath *)indexPath;

/** 标签个数,如果只显示title(通过设置vc.titles即可),不需要实现这里的方法 */
- (NSInteger)numberOfItemsInScrollLabelView:(AGScrollLabelView *)scrollLabelView;

/** 自定义类型标签的size */
- (CGSize)scrollLabel:(AGScrollLabelView *)scrollLabelView sizeForCellAtIndexPath:(NSIndexPath *)indexPath;
对自定义标签的选中样式进行设置

在自定义的 cell 中实现如下方法,并进行样式的设定即可


/** 设置选中状态的样式 */
- (void)setSelected:(BOOL)selected{
    [super setSelected:selected];
    if (selected) {
        self.label.textColor = [UIColor redColor];
    }
    else{
        self.label.textColor = [UIColor whiteColor];
    }
}

细节处理:

1,子控制器 viewDidLoad 触发实际控制

子控制器是添加在 collectionView 的 cell 上,cell 会预先加载视图,因此如果在 - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath 方法中直接添加控制器的 view ,有些控制器的 view 在 cell 没有显示出来时就已经添加到 cell 上了。

处理:

a,- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath 处理已经显示过的控制器视图,如果没有显示过,不通过该方法显示
b,滑动过程中视图的添加,通过判断滑动结束时,在 cell 上添加控制器的 view ,并进行标记

/** 用来保存显示过的视图控制器的下标,默认包含下标 0,通过 `- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath ` 方法添加 */
_didLoadViewIndex = @[@0].mutableCopy;

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    if ([self.delegate respondsToSelector:@selector(containerCollectionViewController:scrollAtIndex:currentContentController:)]) {
    NSInteger index = scrollView.contentOffset.x / CGRectGetWidth(self.collectionView.frame);
    if (![self.didLoadViewIndex containsObject:@(index)]) {
        [self.didLoadViewIndex addObject:@(index)];
        UICollectionViewCell *cell = [self.collectionView cellForItemAtIndexPath:[NSIndexPath indexPathForRow:index inSection:0]];
        UIViewController *vc = self.ag_childControllers[index];
        vc.view.frame = self.frame;
        [cell.contentView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
        [cell.contentView addSubview:vc.view];
    }
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:reuseIdentifier forIndexPath:indexPath];
    [cell.contentView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
    if ([self.didLoadViewIndex containsObject:@(indexPath.row)]) {
        UIViewController *vc = self.ag_childControllers[indexPath.row];
        vc.view.frame = self.frame;
        [cell.contentView addSubview:vc.view];
    }
    return cell;
}

使用中遇到的问题处理:

1,tableView的上拉获取数据刷新,如果出现界面跳动,判断获取的数据是否为空,为空则tableView不reloaData

if (data.count) {
    [self.tableView reloadData];
}

对于项目中的存在的问题,如果有好的解决方案,希望能够提出来,一起讨论讨论

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,686评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,668评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,160评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,736评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,847评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,043评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,129评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,872评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,318评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,645评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,777评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,861评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,589评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,687评论 2 351

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,066评论 4 62
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,741评论 1 92
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,737评论 22 665
  • 一冲动,报了全程马拉松,目标是六小时完赛,现在训练成绩是这样的,能行吧。
    陈老刀阅读 340评论 2 0
  • 花园里 少女在哭泣 那张脸 年青,秀气 低眉顺目的哀伤无辜 眼泪在那里 楚楚动人 花事来到 雨季业已开始 大河浪涛...
    忘记结冰阅读 168评论 0 1