内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

iOSUICollectionView如何實現(xiàn)卡片效果

這篇文章主要講解了iOS UICollectionView如何實現(xiàn)卡片效果,內(nèi)容清晰明了,對此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會有幫助。

創(chuàng)新互聯(lián)是一家以重慶網(wǎng)站建設(shè)公司、網(wǎng)頁設(shè)計、品牌設(shè)計、軟件運維、成都網(wǎng)站營銷、小程序App開發(fā)等移動開發(fā)為一體互聯(lián)網(wǎng)公司。已累計為成都純水機等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開發(fā)服務(wù)。

具體實現(xiàn)

1、創(chuàng)建UICollectionView

 - (void)createCollectionView {
 CGFloat pading = 0 * SCREEN_WIDTH/375;
 LHLeftCollocationView * layout = [[LHLeftCollocationView alloc]init];
 layout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
 layout.minimumLineSpacing = pading;
 layout.minimumInteritemSpacing = pading;
// UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init];
// layout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
 _collectionView3 = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 100, [UIScreen mainScreen].bounds.size.width, imageHeight * SCREEN_RATE) collectionViewLayout:layout];
 _collectionView3.tag = 33;
 _collectionView3.dataSource = self;
 _collectionView3.delegate = self;
 _collectionView3.bounces = NO;
 _collectionView3.alwaysBounceHorizontal = NO;
 _collectionView3.alwaysBounceVertical = NO;
 _collectionView3.backgroundColor = [UIColor grayColor];
 _collectionView3.showsHorizontalScrollIndicator = NO;
 _collectionView3.showsVerticalScrollIndicator = NO;
 [self.view addSubview:_collectionView3];
 [_collectionView3 registerClass:[CollectionViewCell class] forCellWithReuseIdentifier:collectionViewCell];
}

2、實現(xiàn)具體代理方法 UICollectionViewDelegate,UICollectionViewDataSource

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
 return self.modelArray.count;
}

- (NSMutableArray *)modelArray {
 if (!_modelArray) {
 _modelArray = [NSMutableArray array];
 }
 return _modelArray;
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
 CollModel *infoModel = self.modelArray[indexPath.row];
 NSLog(@"section:%ld --- row:%ld -----%@",indexPath.section,indexPath.row,infoModel.title);
 CollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:collectionViewCell forIndexPath:indexPath];
 cell.itemModel = infoModel;
 return cell;
}

// 返回每個item的大小
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
 CGFloat CWidth = 80 * SCREEN_RATE;
 CGFloat CHeight = 80 * SCREEN_RATE;
 return CGSizeMake(CWidth, CHeight);
}


#pragma mark - UICollectionViewDelegate點擊事件
- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{
 CollModel *infoModel = self.modelArray[indexPath.row];
 NSLog(@"infoModelArray----%@",infoModel.title);
}

3、自定義UICollectionViewFlowLayout

LHLeftCollocationView.m 實現(xiàn)

#import "LHLeftCollocationView.h"

@implementation LHLeftCollocationView


- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity {
 CGRect targectRect = CGRectMake(proposedContentOffset.x, 0.0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height);
 NSArray * attriArray = [super layoutAttributesForElementsInRect:targectRect];
 CGFloat horizontalCenterX = proposedContentOffset.x + ([UIScreen mainScreen].bounds.size.width);
 CGFloat offsetAdjustment = CGFLOAT_MAX;
 for (UICollectionViewLayoutAttributes * layoutAttributes in attriArray) {
 CGFloat itemHorizontalCenterX = layoutAttributes.center.x;
 if (fabs(itemHorizontalCenterX-horizontalCenterX) < fabs(offsetAdjustment)) {
  offsetAdjustment = itemHorizontalCenterX - horizontalCenterX;
 }
 }
 return CGPointMake(proposedContentOffset.x , proposedContentOffset.y);
}

CGFloat ActiveDistance = 400; //垂直縮放除以系數(shù)
CGFloat ScaleFactor = 0.50; //縮放系數(shù) 越大縮放越大

- (NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect {
 NSArray * array = [super layoutAttributesForElementsInRect:rect];
 CGRect visibleRect = CGRectZero;
 visibleRect.origin = self.collectionView.contentOffset;
 visibleRect.size = self.collectionView.bounds.size;
 for (UICollectionViewLayoutAttributes *attributes in array) {
 CGFloat distance = CGRectGetMidX(visibleRect) - attributes.center.x;
 CGFloat normalizedDistance = fabs(distance / ActiveDistance);
 CGFloat zoom = 1 - ScaleFactor * normalizedDistance;
 NSLog(@"zoom----%f",zoom);
 attributes.transform3D = CATransform3DMakeScale(1.0, zoom, 1.0);
 //底部顯示效果
 attributes.frame = CGRectMake(attributes.frame.origin.x, attributes.frame.origin.y + zoom, attributes.size.width, attributes.size.height);
 //居中顯示效果
// CGFloat scrollDirectionItemHeight = self.itemSize.height;
// CGFloat sideItemFixedOffset = 0;
// sideItemFixedOffset = (scrollDirectionItemHeight - scrollDirectionItemHeight * 0.7) / 2;
// attributes.center = CGPointMake(attributes.center.x, attributes.center.y + zoom);

 }
 return array;
}

////設(shè)置放大動畫
//-(NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect
//{
// NSArray *arr = [self getCopyOfAttributes:[super layoutAttributesForElementsInRect:rect]];
// //屏幕中線
// CGFloat centerX = self.collectionView.contentOffset.x + self.collectionView.bounds.size.width/2.0f;
// //刷新cell縮放
// for (UICollectionViewLayoutAttributes *attributes in arr) {
// CGFloat distance = fabs(attributes.center.x - centerX);
// //移動的距離和屏幕寬度的的比例
// CGFloat apartScale = distance/self.collectionView.bounds.size.width;
// //把卡片移動范圍固定到 -π/4到 +π/4這一個范圍內(nèi)
// CGFloat scale = fabs(cos(apartScale * M_PI/4));
// //設(shè)置cell的縮放 按照余弦函數(shù)曲線 越居中越趨近于1
// attributes.transform = CGAffineTransformMakeScale(1.0, scale);
// }
// return arr;
//}

//防止報錯 先復(fù)制attributes
- (NSArray *)getCopyOfAttributes:(NSArray *)attributes
{
 NSMutableArray *copyArr = [NSMutableArray new];
 for (UICollectionViewLayoutAttributes *attribute in attributes) {
 [copyArr addObject:[attribute copy]];
 }
 return copyArr;
}

- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds {
 return true;
}
@end

4、自定義cell 和model

model

#import <Foundation/Foundation.h>

@interface CollModel : NSObject
@property (nonatomic,strong)NSString *imgUrl;
@property (nonatomic,strong)NSString *title;
@property (nonatomic,strong)NSString *url;
@end 

cell 自定義

#import <UIKit/UIKit.h>
#import "CollModel.h"
@interface CollectionViewCell : UICollectionViewCell
@property (nonatomic, strong) CollModel * itemModel;

@end


#import "CollectionViewCell.h"
#define SCREEN_RATE ([UIScreen mainScreen].bounds.size.width/375.0)
@interface CollectionViewCell()
/**
 * 存放所有下載操作的隊列
 */
@property (nonatomic, strong) UIImageView *itemIcon;
@property (nonatomic, strong) UILabel *itemLabel;
@property (nonatomic, strong) UILabel *priceLabel;
@end

@implementation CollectionViewCell
@synthesize itemModel = _itemModel;

- (instancetype)initWithFrame:(CGRect)frame
{
 if (self = [super initWithFrame:frame]) {
 self.contentView.backgroundColor = [UIColor clearColor];
 [self initView];
 }
 return self;
}


- (void)initView {
 _itemIcon = [[UIImageView alloc] init];
 [self.contentView addSubview:_itemIcon];
 _itemIcon.backgroundColor = [UIColor clearColor];
 // CGFloat iconWidth = ([UIScreen mainScreen].bounds.size.width / 5.0) * SCREEN_RATE;
 _itemIcon.frame = CGRectMake(0, 0, self.contentView.frame.size.width, self.contentView.frame.size.height);
 _itemIcon.center = self.contentView.center;
}

- (CollModel *)itemModel
{
 return _itemModel;
}

- (void)setItemModel:(CollModel *)itemModel
{
 if (!itemModel) {
 return;
 }
 _itemModel = itemModel;
 [self setCellWithModel:_itemModel];
}

- (void)setCellWithModel:(CollModel *)itemModel
{
 [[NSOperationQueue mainQueue] addOperationWithBlock:^{
 _itemIcon.image = [UIImage imageNamed:itemModel.url];
 }];
}
@end

運行效果

iOS UICollectionView如何實現(xiàn)卡片效果

看完上述內(nèi)容,是不是對iOS UICollectionView如何實現(xiàn)卡片效果有進一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享題目:iOSUICollectionView如何實現(xiàn)卡片效果
新聞來源:http://www.rwnh.cn/article34/jsdope.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計、網(wǎng)站收錄、定制網(wǎng)站、虛擬主機、做網(wǎng)站、微信小程序

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化
南昌市| 湘西| 长阳| 闻喜县| 通州区| 昭平县| 舒兰市| 哈密市| 福清市| 栖霞市| 贵德县| 余江县| 青铜峡市| 响水县| 容城县| 泗水县| 乐安县| 衢州市| 苏尼特左旗| 麦盖提县| 土默特左旗| 九龙城区| 邹平县| 湘西| 麻栗坡县| 政和县| 吴旗县| 天长市| 株洲市| 义乌市| 星子县| 新绛县| 清丰县| 昌黎县| 盐津县| 固安县| 册亨县| 禄丰县| 克山县| 合阳县| 读书|