一个简单的滚动视图封装

前言

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


效果图.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的配置类,初始化可以传入该对象,可配置titleViewcontentView的各种属性,详细配置可以查看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的重用机制,控制器的viewDidApperviewDidDisapper也会出现错乱。我想要的效果是在下一个vc出现的时候才会开启vc的生命周期,所以最后改用scrollView来替代了collectionView,如果有大神有更好的方法,请多多指教~

你可能感兴趣的:(一个简单的滚动视图封装)