一个简单的滚动视图封装

前言

最近做了一个类似网易新闻的滚动视图，大致效果如下：

效果图.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,如果有大神有更好的方法，请多多指教～

一个简单的滚动视图封装

前言

使用方法

文件介绍：

推荐阅读更多精彩内容