电影项目 (三)
一.创建海报视图 :
- (void)_createPosterView{
// _posterView = [[UIView alloc] initWithFrame:self.view.bounds];
// _posterView.backgroundColor = [UIColor orangeColor];
// _posterView.hidden = NO;
//
// [self.view addSubview:_posterView];
//布局对象
UICollectionViewFlowLayout *flowLayout =
[[UICollectionViewFlowLayout alloc] init];
//布局信息
flowLayout.itemSize = CGSizeMake(kScreenWidth, kScreenHeight - kNavigationBarHeight -
kTabBarHeight);
//flowLayout.minimumInteritemSpacing = 0;
flowLayout.minimumLineSpacing = 30;
flowLayout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
_posterView = [[UICollectionView alloc]
initWithFrame:CGRectMake(0, 0, kScreenWidth,
kScreenHeight - kNavigationBarHeight -
kTabBarHeight)
collectionViewLayout:flowLayout];
_posterView.dataSource = self;
_posterView.delegate = self;
//分页效果
_posterView.pagingEnabled = YES;
_posterView.indicatorStyle = UIScrollViewIndicatorStyleWhite;
[self.view addSubview:_posterView];
//注册单元格
[_posterView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"CollectionView_Cell"];
[self.view addSubview:_posterView];
}
二.代码优化:
子类化PostView:
//
// PosterView.m
// Movie 2.0
//
// Created by mac1 on 15/10/11.
// Copyright (c) 2015年 www.iphonetrain.com. All rights reserved.
//
#import "PosterView.h"
#import "LargeCell.h"
#import "Common.h"
#import "MovieModel.h"
#import "UIImageView+WebCache.h"
@implementation PosterView
#define kLargeCollectionViewCellID @"kLargeCollectionViewCellID"
#define kMovieHeaderViewHeight 50
#define kMovieFooterViewHeight 40
- (instancetype)initWithFrame:(CGRect)frame {
self = [super initWithFrame:frame];
if (self != nil) {
[self _createLargeCollectionView];
}
return self;
}
- (void)_createLargeCollectionView{
//布局对象
UICollectionViewFlowLayout *flowLayout =
[[UICollectionViewFlowLayout alloc] init];
//布局信息
flowLayout.itemSize =
CGSizeMake(kScreenWidth * 0.75,
kScreenHeight - kNavigationBarHeight - kTabBarHeight -
kMovieHeaderViewHeight - kMovieFooterViewHeight);
//上下分别留出来其他两个部分的位置，
//减去距离CollectionView顶部和底部空余的空间
// flowLayout.minimumInteritemSpacing = 0;
flowLayout.minimumLineSpacing = 0;
flowLayout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
CGRect largeFrame = CGRectMake(
0, kMovieHeaderViewHeight, kScreenWidth,
kScreenHeight - kNavigationBarHeight - kTabBarHeight -
kMovieHeaderViewHeight -
kMovieFooterViewHeight); /*上下分别留出来其他两个部分的位置*/
_largeCollectionView = [[UICollectionView alloc] initWithFrame:largeFrame
collectionViewLayout:flowLayout];
_largeCollectionView.dataSource = self;
_largeCollectionView.delegate = self;
//分页效果
_largeCollectionView.pagingEnabled = YES;
_largeCollectionView.indicatorStyle = UIScrollViewIndicatorStyleWhite;
[self addSubview:_largeCollectionView];
//注册单元格
[_largeCollectionView registerClass:[LargeCell class]
forCellWithReuseIdentifier:kLargeCollectionViewCellID];
}
#pragma mark - CollectionView数据源代理
//组数
- (NSInteger)numberOfSectionsInCollectionView:
(UICollectionView *)collectionView {
return 1;
}
//单元格的个数
- (NSInteger)collectionView:(UICollectionView *)collectionView
numberOfItemsInSection:(NSInteger)section {
return self.data.count;
}
//创建单元格
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView
cellForItemAtIndexPath:(NSIndexPath *)indexPath {
LargeCell *cell = [collectionView
dequeueReusableCellWithReuseIdentifier:kLargeCollectionViewCellID
forIndexPath:indexPath];
// cell.transform = CGAffineTransformMakeScale(0.5, 0.5);
//电影数据传递给单元格显示
MovieModel *model = self.data[indexPath.item];
cell.model = model;
// //取到图片URL地址
// MovieModel *model = self.data[indexPath.item];
// NSString *imageStr = [model.images objectForKey:@"large"];
// NSURL *imageUrl = [NSURL URLWithString:imageStr];
//
// //创建ImageView显示图片
// UIImageView *imageView = [[UIImageView alloc] initWithFrame:cell.bounds];
// [imageView sd_setImageWithURL:imageUrl];
//
// //imageView添加到单元格上
// [cell.contentView addSubview:imageView];
return cell;
}
//设置每一组的偏移量（上左下右四个方向）
- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView
layout:(UICollectionViewLayout *)collectionViewLayout
insetForSectionAtIndex:(NSInteger)section {
return UIEdgeInsetsMake(0, (kScreenWidth - kScreenWidth * 0.75) / 2, 0,
0); //（屏幕宽度 - 单元格宽度） / 2
}
@end
控制器调用创建PostView :
//创建海报视图
- (void)_createPosterView{
// _posterView = [[UIView alloc] initWithFrame:self.view.bounds];
// _posterView.backgroundColor = [UIColor orangeColor];
// _posterView.hidden = NO;
//
// [self.view addSubview:_posterView];
_posterView = [[PosterView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth,
kScreenHeight - kNavigationBarHeight -
kTabBarHeight)];
_posterView.backgroundColor = [UIColor orangeColor];
_posterView.hidden = NO;
//把数据从控制器传递给海报视图
_posterView.data = self.movieData;
[self.view addSubview:_posterView];
}
三.给PostView赋数据,子类化collectionCell:
//
// LargeCell.h
// Movie 2.0
//
// Created by mac1 on 15/10/11.
// Copyright (c) 2015年 www.iphonetrain.com. All rights reserved.
//
#import <UIKit/UIKit.h>
//大海报CollectionView单元格
@class MovieModel;
@interface LargeCell : UICollectionViewCell {
UIImageView *_imageView; //电影海报
}
@property (nonatomic, strong) MovieModel *model; //一条电影数据
@end
//
// LargeCell.m
// Movie 2.0
//
// Created by mac1 on 15/10/11.
// Copyright (c) 2015年 www.iphonetrain.com. All rights reserved.
//
#import "LargeCell.h"
#import "UIViewExt.h"
#import "UIImageView+WebCache.h"
#import "MovieModel.h"
@implementation LargeCell
/*
当单元格是从xib文件加载,此方法会被调用
- (void)awakeFromNib{
}
*/
//创建单元格调用此方法:
- (id)initWithFrame:(CGRect)frame{
self = [super initWithFrame:frame];
if (self) {
//创建子视图
[self _createSubviews];
}
return self;
}
- (void)_createSubviews {
//单元格的宽高 * 0.8 = 图片的大小
CGFloat width = self.width * 0.8;
CGFloat height = self.height * 0.8;
//创建imageView
_imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, width, height)];
_imageView.center = self.contentView.center;
[self.contentView addSubview:_imageView];
}
//给子视图填充数据
- (void)setModel:(MovieModel *)model{
_model = model;
NSString *imageStr = [model.images objectForKey:@"large"];
NSURL *imageURL = [NSURL URLWithString:imageStr];
[_imageView sd_setImageWithURL:imageURL];
}
@end
实现的效果如下 :
