-
新闻、电商、视频等 app 经常会看到这种 SegmentedControl 布局样式
-
SGPagingView 已加入 pods 管理
-
多种指示器长度样式
-
标题按钮文字渐显效果
-
标题按钮文字缩放效果
-
1、CocoaPods 导入 pod 'SGPagingView'
-
2、下载、拖拽 “SGPagingView” 文件夹到工程中
- SGPagingView 的使用(在父视图的 viewDidLoad 中加入下面代码)
/// 子控制器及 pageContentView 的创建
ChildVCOne *oneVC = [[ChildVCOne alloc] init];
ChildVCTwo *twoVC = [[ChildVCTwo alloc] init];
ChildVCThree *threeVC = [[ChildVCThree alloc] init];
ChildVCFour *fourVC = [[ChildVCFour alloc] init];
/// 子控制器数组
NSArray *childVCArr = @[oneVC, twoVC, threeVC, fourVC];
CGFloat contentViewHeight = self.view.frame.size.height - 108;
self.pageContentView = [[SGPageContentView alloc] initWithFrame:CGRectMake(0, 108, self.view.frame.size.width, contentViewHeight) parentVC:self childVCs:childVCArr];
_pageContentView.delegatePageContentView = self;
[self.view addSubview:_pageContentView];
/// 子标题及 pageTitleView 的创建
NSArray *titleArr = @[@"精选", @"电影", @"电视剧", @"综艺"];
self.pageTitleView = [SGPageTitleView pageTitleViewWithFrame:CGRectMake(0, 64, self.view.frame.size.width, 44) delegate:self titleNames:titleArr];
[self.view addSubview:_pageTitleView];
-
- 滚动内容视图的代理方法
- (void)SGPageContentView:(SGPageContentView *)SGPageContentView progress:(CGFloat)progress originalIndex:(NSInteger)originalIndex targetIndex:(NSInteger)targetIndex {
[self.pageTitleView setPageTitleViewWithProgress:progress originalIndex:originalIndex targetIndex:targetIndex];
}
-
- 滚动标题视图的代理方法
- (void)SGPageTitleView:(SGPageTitleView *)SGPageTitleView selectedIndex:(NSInteger)selectedIndex {
[self.pageContentView setPageCententViewCurrentIndex:selectedIndex];
}
-
父控制器中一定要加上 self.automaticallyAdjustsScrollViewInsets = NO; 这句代码;否则 pageContentView 会存在偏移量下移问题
-
子控制中使用纯代码创建 tableView 时,会存在内容区域显示问题
-
纯代码在 viewDidLoad 方法中创建 tableView 时,高度一定要等于 SGPageContentView 的高度或使用 Masonry 进行约束;
-
XIB 创建 tableView 时,不会出现这种问题,是因为 XIB 加载完成之后会调用 viewDidLayoutSubviews 这个方法,所以 XIB 中创建 tableVIew 不会出现约束问题
- (void)viewDidLoad {
[super viewDidLoad];
/// 解决方案一
self.tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height - 108) style:UITableViewStylePlain];
_tableView.dataSource = self;
[self.view addSubview:self.tableView];
/// 解决方案二
self.tableView = [[UITableView alloc] initWithFrame:CGRectZero style:UITableViewStylePlain];
_tableView.dataSource = self;
[self.view addSubview:self.tableView];
[self.tableView mas_makeConstraints:^(MASConstraintMaker *make) {
make.edges.equalTo(self.view);
}];
}
- (void)viewDidLayoutSubviews {
[super viewDidLayoutSubviews];
/// 解决方案三
[self.view addSubview:self.tableView];
}
- (UITableView *)tableView {
if (!_tableView) {
_tableView = [[UITableView alloc] initWithFrame:self.view.frame style:UITableViewStylePlain];
_tableView.dataSource = self;
}
return _tableView;
}
-
2016-10-7 --> 初始版本的创建
-
2017-4-13 --> 版本升级(根据标题内容自动适配 SGPageTitleView 是静止还是滚动)
-
2017-4-18 --> 新增标题文字颜色属性以及指示器颜色属性
-
2017-5-12 --> SGPageContentView 新增是否需要滚动属性
-
2017-6-1 --> v1.1.0 性能优化以及 Bug 修复(主要解决 SGPageTitleView 不可滚动时,标题中含有中、英文时出现的 Bug 问题)
-
2017-6-15 --> v1.1.5 新增新浪微博模块以及代码的优化
-
2017-7-21 --> v1.1.7 新增 SGPageContentScrollView 类(滚动结束之后加载子视图)以及加入 pods 管理
- 如在使用中, 遇到什么问题或有更好建议者, 请记得 Issues me 或 [email protected] 邮箱联系我