美文网首页
ios轮播图YJShufflingScrollView

ios轮播图YJShufflingScrollView

作者: BLUEVIPIOS_ | 来源:发表于2019-11-15 00:10 被阅读0次

    YJShufflingScrollView使用及属性
    工程所用到的三方 Masonry、SDWebImage 若不想使用 可以自己修改
    工程注释方面 很详细

    /** pageControl位置 左右中 */
    @property (nonatomic, assign) PageContolAliment pageControlAliment;
    /** 是否无限循环 */
    @property(nonatomic,assign)BOOL loop;
    /** 是否开启定时任务 */
    @property(nonatomic,assign)BOOL autoScroll;
    /** 标题字体 左右中 */
    @property (nonatomic, assign) NSTextAlignment titleLabelTextAlignment;
    /** 滑动方向 */
    @property (nonatomic, assign) PagescrollDirection PagescrollDirection;
    /** 监听点击 */
    @property (nonatomic, copy) void (^didSelectItemBlock)(NSInteger SelectIndex);
    /** PageControl距离下方的边距 */
    @property (nonatomic, assign) CGFloat bottomMargin;
    /** 图片渲染模式 */
    @property (nonatomic, assign) UIViewContentMode bannerImageViewContentMode;
    /** 行间距 */
    @property(nonatomic,assign) CGFloat lineWidth;
    /** 列间距 */
    @property(nonatomic,assign) CGFloat columnWidth;
    /** cell大小 */
    @property(nonatomic,assign) CGSize kitemSize;
    

    注意点
    1.图片数据源不可为空 而且必须为字符串数组
    2.若要显示标题 需标题数组与图片数组一致
    3.pageControl 可设置图片 一旦设置图片 颜色属性就会失效
    4.PagesStyle属性 PagesStyleComent普通样式 PagesStyleCartoon卡片轮播样式
    使用示例

    YJShufflingScrollView * ShufflingScrollView =[[YJShufflingScrollView alloc]initWithFrame:CGRectMake(0, 0,self.view.frame.size.width, 200) imagesStrs:arrr placeholderImage:[UIImage imageNamed:@"placeholder"]PagesStyle:PagesStyleCartoon];
        ShufflingScrollView.currentPage = 1;
        ShufflingScrollView.didSelectItemBlock = ^(NSInteger SelectIndex) {
            NSLog(@"------%zd",SelectIndex);
        };
    
     YJShufflingScrollView * ShufflingScrollView4 =[[YJShufflingScrollView alloc]initWithFrame:CGRectMake(0, 680,self.view.frame.size.width, 200) imagesStrs:arrr placeholderImage:[UIImage imageNamed:@"placeholder"]PagesStyle:PagesStyleComent];
        ShufflingScrollView4.PagescrollDirection = PagescrollDirectionHorizontal;
        ShufflingScrollView4.autoScroll=YES;
        ShufflingScrollView4.loop = YES;
        ShufflingScrollView4.isShowPageControl = NO;
        ShufflingScrollView4.isShowtitleLabe =YES;
        [demoContainerView addSubview:ShufflingScrollView4];
        ShufflingScrollView4.titles = arrr;
        ShufflingScrollView4.titleLabelTextFont = [UIFont systemFontOfSize:15];
        ShufflingScrollView4.didSelectItemBlock = ^(NSInteger SelectIndex) {
            NSLog(@"---%@-%@-",@(SelectIndex),arrr[SelectIndex]);
        };
    

    关与布局样式 共俩中 普通样式与卡片样式 工程采用UICollectionView实现俩种布局方式。
    1 若要修改cell样式 可直接更换自己创建的cell即可
    2 若要修改其布局样式 可以重写flowLayout 的方法 flowLayout继承与UICollectionViewFlowLayout
    其中
    //存储cell排布方式
    .layoutAttributesForElementsInRect
    //停留的位置

    • (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity
      等函数即可实现

    YJPageControl继承UIPageControl
    设置关于YJPageControl里面的属性 只需要查看 YJShufflingScrollView里面的属性,都已做注释

    等等 demo工程

    https://github.com/YUYINGJIE/YJShufflingScrollView/tree/master/YJShufflingScrollView

    使用过程中若有疑问 bug 请及时 提出 非常感谢 工程会不断优化更新

    附上效果图


    Simulator Screen Shot - iPhone X - 2019-11-15 at 00.13.35.png

    相关文章

      网友评论

          本文标题:ios轮播图YJShufflingScrollView

          本文链接:https://www.haomeiwen.com/subject/ciqdictx.html