ios 横向滚轮效果_ios uicollectionview实现横向滚动

现在使用卡片效果的app很多，之前公司让实现一种卡片效果，就写了一篇关于实现卡片的文章。文章最后附有demo

实现上我选择了使用UICollectionView ；用UICollectionViewFlowLayout来定制样式；下面看看具体实现

效果

实现上我选择了使用UICollectionView ；用UICollectionViewFlowLayout来定制样式；下面看看具体实现

具体实现

1、ViViewController.m 代码实现

#import "ViewController.h"

#import "CollModel.h"

#define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width

#define SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height

#define SCREEN_RATE ([UIScreen mainScreen].bounds.size.width/375.0)

#import "imageCell.h"

#import "LHHorizontalPageFlowlayout.h"

static NSString * const imageC = @"imageCell";

static NSString * const moreImageC = @"imageCell";

static const NSInteger kItemCountPerRow = 5; //每行显示5个

static const NSInteger kRowCount = 3; //每页显示行数

static float imageHeight = 80;//cell 高度

@interface ViewController ()

@property (nonatomic, strong) UICollectionView * collectionView;

@property (nonatomic, strong) NSMutableArray * modelArray;

@property (nonatomic, strong) UICollectionView * moreCollectionView;

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

NSArray *appArray = [[self getDict] objectForKey:@"dictInfo"];

for (int i = 0; i < appArray.count; i++) {

NSDictionary * appDic = appArray[i];

CollModel * model = [[CollModel alloc]init];

model.title = [appDic objectForKey:@"title"];

model.url = [appDic objectForKey:@"url"];

[self.modelArray addObject:model];

}

[self createCollectionView];

[self createRightCollectionView];

}

- (NSDictionary *)getDict {

NSString * string = @"{\"dictInfo\":[{\"title\":\"你好啊\",\"url\":\"1.jpeg\"},{\"title\":\"你好啊\",\"url\":\"2.jpeg\"},{\"title\":\"你好啊\",\"url\":\"3.jpeg\"},{\"title\":\"你好啊\",\"url\":\"4.jpeg\"},{\"title\":\"你好啊\",\"url\":\"5.jpeg\"},{\"title\":\"你好啊\",\"url\":\"6.jpeg\"},{\"title\":\"是很好\",\"url\":\"7.jpeg\"},{\"title\":\"你好啊\",\"url\":\"1.jpeg\"},{\"title\":\"你好啊\",\"url\":\"2.jpeg\"},{\"title\":\"你好啊\",\"url\":\"3.jpeg\"},{\"title\":\"你好啊\",\"url\":\"4.jpeg\"},{\"title\":\"你好啊\",\"url\":\"5.jpeg\"},{\"title\":\"你好啊\",\"url\":\"6.jpeg\"},{\"title\":\"是很好\",\"url\":\"7.jpeg\"},{\"title\":\"你好啊\",\"url\":\"1.jpeg\"},{\"title\":\"你好啊\",\"url\":\"2.jpeg\"},{\"title\":\"你好啊\",\"url\":\"3.jpeg\"},{\"title\":\"你好啊\",\"url\":\"4.jpeg\"},{\"title\":\"你好啊\",\"url\":\"5.jpeg\"},{\"title\":\"你好啊\",\"url\":\"6.jpeg\"},{\"title