前言
最近做了一个类似网易新闻的滚动视图, 大致效果如下:
使用方法
self.view.backgroundColor = [UIColor whiteColor];
NSArray *vcs = [self setupChildVcAndTitle];
CGRect frame = self.view.frame;
if (self.navigationController) {
frame.origin.y = 64;
}
WYPageView *page = [[WYPageView alloc] initWithFrame:frame childVcs:vcs parentViewController:self pageConfig:_config];
[self.view addSubview:page];
self.pageView = page;
支持:
- 自定义指示器宽高
- 自定义指示器滚动效果
- 可完全自定义指示器样式
- 支持标题字体颜色渐变、缩放效果
- 自定义标题高度
文件介绍:
WYPageConfig
:WYPageView
的配置类,初始化可以传入该对象,可配置titleView
和contentView
的各种属性,详细配置可以查看WYPageConfig .h
文件WYPageTitleView
: 标题视图WYPageConetentView
: 内容视图
WYPageConfig
的部分配置信息
/**
指示器类型 默认'WYPageTitleIndicatorViewStyleDownLine'
*/
@property (nonatomic , assign) WYPageTitleIndicatorViewStyle indicatorStyle;
/**
指示器的位置 默认在下面 'WYPageTitleIndicatorViewPositionStyleBottom'
*/
@property (nonatomic , assign) WYPageTitleIndicatorViewPositionStyle indicatorPositionStyle;
/**
指示器高度 默认'2'
*/
@property (nonatomic , assign) CGFloat indicatorViewHeight;
/**
指示器颜色 默认红色 如果是自定义指示器 需要自己设置指示器背景颜色
*/
@property (nonatomic , strong) UIColor *indicatorViewColor;
/**
指示器宽度是否等于标题item的宽度 默认'YES' YES: 相等 NO: 不相等,可以手动设置'indicatorViewWidth'的值
*/
@property (nonatomic , assign) BOOL indicatorViewWidthEqualToItemWidth;
/**
指示器的宽度 默认'30' 在'indicatorViewWidthEqualToItemWidth'为'NO'时有效 如果是自定义指示器 会优先使用其frame
*/
@property (nonatomic , assign) CGFloat indicatorViewWidth;
/**
指示器的滚动效果 默认'WYIndicatorScrollAnimationValue1'
*/
@property (nonatomic , assign) WYIndicatorScrollAnimation indicatorViewScrollAnimation;
/**
标题之间的间隔 默认'15'
*/
@property (nonatomic , assign) CGFloat titleMargin;
/**
标题字体大小 默认'14'
*/
@property (nonatomic , strong) UIFont *titleFont;
/**
标题是否可以缩放 默认NO
*/
@property (nonatomic , assign) BOOL canZoomTitle;
/**
字体缩放比例 默认'1.3'
*/
@property (nonatomic , assign) CGFloat titleZoomMultiple;
/**
标题正常状态下字体颜色
*/
@property (nonatomic , strong) UIColor *normalTitleColor;
/**
标题选中状态下字体颜色
*/
@property (nonatomic , strong) UIColor *selectedTitleColor;
具体可以点击我的Github下载查看具体Demo,欢迎各位大神提供建议意见。
写在最后:
WYPageConetentView
开始的时候是使用的collectionView
,但是最后发现使用collectionView
时子控制器的生命周期不正确。譬如在滑动结束后,不仅会加载当前vc,还会加载下个vc的viewDidLoad
方法,而且因为cell
的重用机制,控制器的viewDidApper
和viewDidDisapper
也会出现错乱。我想要的效果是在下一个vc出现的时候才会开启vc的生命周期,所以最后改用scrollView
来替代了collectionView
,如果有大神有更好的方法,请多多指教~