前言
最近做了一个类似网易新闻的滚动视图， 大致效果如下：
效果图.gif
使用方法
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,如果有大神有更好的方法，请多多指教～
网友评论