Skip to content

JhPageItemView - UIcollectionView横向滚动分页,UICollectionViewLayout两种样式(系统样式,自定义的横排样式),系统样式类似于淘宝我的频道,自定义横排样式类似美团,美团外卖横排菜单。pageControl三种样式(小圆点,长条,小圆点+长条 ),也可设置位置(左中右)。

Notifications You must be signed in to change notification settings

iotjin/JhPageItemView

Repository files navigation

JhPageItemView

JhPageItemView - UIcollectionView横向滚动分页,
UICollectionViewLayout两种样式(系统样式,自定义的横排样式),
系统样式类似于淘宝我的频道,自定义横排样式类似美团,美团外卖横排菜单。
pageControl三种样式(小圆点,长条,小圆点+长条 ),也可设置位置(左中右)。


Examples

  • Demo1
@property (nonatomic, strong) JhPageItemView *pageItemView;

- (JhPageItemView *)pageItemView {
    if (!_pageItemView) {
        CGRect frame = CGRectMake(0, 100, Kwidth, 90*2+5*2+10*2);
        JhPageItemView *view = [[JhPageItemView alloc]initWithFrame:frame withmaxColumn:5 maxRow:2];
        view.backgroundColor = [UIColor redColor];
        view.Jh_topBottomMargin = 10; //上下距离初始位置间距
        view.Jh_leftRightMargin = 10; //左右距离初始位置间距
        view.Jh_itemHorizontalMargin = 5.f;
        view.Jh_itemVerticalMargin = 5.f;
        view.Jh_currentColor = [UIColor greenColor];
//        view.Jh_otherColor = [UIColor grayColor];
        view.Jh_layoutStyle = JhSystemHorizontalArrangement;
        view.delegate = self;
        self.pageItemView = view;
        [self.view addSubview:self.pageItemView];
    }
    return _pageItemView;
}

    //UIcollectionview 默认样式
    [self pageItemView];
    self.pageItemView.Jh_dataArray = self.dataArray;
  • Demo2
@property (nonatomic, strong) JhPageItemView *pageItemView2;

- (JhPageItemView *)pageItemView2 {
    if (!_pageItemView2) {
        CGRect frame = CGRectMake(0, 350, Kwidth, 90*2+5*2+5*2);
        JhPageItemView *view = [[JhPageItemView alloc]initWithFrame:frame withmaxColumn:5 maxRow:2];
        view.backgroundColor = [UIColor redColor];
        view.Jh_topBottomMargin = 5;
        view.Jh_leftRightMargin = 10;
        view.Jh_itemHorizontalMargin = 5.f;
        view.Jh_itemVerticalMargin = 5.f;
        view.Jh_currentColor = [UIColor yellowColor];
        view.Jh_layoutStyle = JhCustomHorizontalArrangement;
        view.Jh_pageControlStyle = JhPageControlStyelDotAndRectangle;//圆点 + 长条 样式
        view.Jh_pageControlAlignmentStyle = JhControlAlignmentStyleRight;
        view.Jh_pageControlMarginSpacing = 10;
        view.Jh_pageControlSpacing = 5;
        view.delegate = self;
        self.pageItemView2 = view;
        [self.view addSubview:self.pageItemView2];
    }
    return _pageItemView2;
}

    // 自定义样式
    [self pageItemView2];
     self.pageItemView2.Jh_dataArray = self.dataArray;
  • Demo3
@property (nonatomic, strong) JhPageItemView *pageItemView3;

- (JhPageItemView *)pageItemView3 {
    if (!_pageItemView3) {
        CGRect frame = CGRectMake(0, 600, Kwidth, 90*1+5*2+5*2);
        JhPageItemView *view =  [[JhPageItemView alloc]initWithFrame:frame withmaxColumn:5 maxRow:1];
        view.backgroundColor = [UIColor redColor];
        view.Jh_topBottomMargin = 5;
        view.Jh_leftRightMargin = 10;
        view.Jh_itemHorizontalMargin = 5.f;
        view.Jh_itemVerticalMargin = 5.f;
        view.Jh_currentColor = [UIColor greenColor];
        view.Jh_layoutStyle = JhCustomHorizontalArrangement;
        view.Jh_pageControlAlignmentStyle = JhControlAlignmentStyleLeft;
        view.Jh_pageControlStyle = JhPageControlStyelRectangle;//长条样式
        view.Jh_pageControlMarginSpacing = 10;
        view.Jh_pageControlSpacing = 5;
//        view.Jh_pageControlIsHidden = YES;
        view.delegate = self;
        self.pageItemView3 = view;
        [self.view addSubview: self.pageItemView3];
    }
    return _pageItemView3;
}

    // 自定义样式
    [self pageItemView3];
    self.pageItemView3.Jh_dataArray = self.dataArray;
  • 点击事件
#pragma mark - JhPageItemViewDelegate
- (void)JhPageItemViewDelegate:(JhPageItemView *)JhPageItemViewDeleagte indexPath:(NSIndexPath * )indexPath {
    NSLog(@"点击cell --- indexPath --- %@",indexPath);
}

About

JhPageItemView - UIcollectionView横向滚动分页,UICollectionViewLayout两种样式(系统样式,自定义的横排样式),系统样式类似于淘宝我的频道,自定义横排样式类似美团,美团外卖横排菜单。pageControl三种样式(小圆点,长条,小圆点+长条 ),也可设置位置(左中右)。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published