iOS开发自定义流水布局
//集成UICollectionViewFlowLayout 自己写的布局
// SJBFlowLayout.m
// 自定义流水布局
//
// Created by zyyt on 16/7/20.
// Copyright © 2016年 sjb. All rights reserved.
//
#import "SJBFlowLayout.h"
/*******分割线*******分割线********分割线*******分割线 *********分割线*********分割线***********/
@implementation SJBFlowLayout
/**
//告诉布局对象去更像布局
Tells the layout object to update the current layout.
Layout updates occur the first time the collection view presents its content and whenever the layout is invalidated explicitly or implicitly because of a change to the view.
//在布局每一次更新的时候,collection都会唤醒这个方法
During each layout update, the collection view calls this method first to give your layout object a chance to prepare for the upcoming layout operation.
//这个方法默认什么也没实现 子类可以重写这个方法和用它去组建数据结构或实现任一个
The default implementation of this method does nothing. Subclasses can override it and use it to set up data structures or perform any initial computations needed to perform the layout later.
**/
- (void)prepareLayout
{
[super prepareLayout];
CGFloat inset = (self.collectionView.frame.size.width - self.itemSize.width) * 0.5;
/*
The distance that the content view is inset from the enclosing scroll view.
Use this property to add to the scrolling area around the content. The unit of size is points. The default value is UIEdgeInsetsZero.
*/
self.collectionView.contentInset = UIEdgeInsetsMake(0, inset, 0, inset);
}
/*Asks the layout object if the new bounds require a layout update.
The new bounds of the collection view.
Parameters
newBounds
The new bounds of the collection view.
Returns YES if the collection view requires a layout update or NO if the layout does not need to change.
*/
- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds
{
return YES;
}
/*
Returns the layout attributes for all of the cells and views in the specified rectangle.
The rectangle (specified in the collection view’s coordinate system) containing the target views.
Parameters
rect
The rectangle (specified in the collection view’s coordinate system) containing the target views.
Returns An array of UICollectionViewLayoutAttributes objects representing the layout information for the cells and views.
*/
- (NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect
{
NSArray * attArr = [super layoutAttributesForElementsInRect:rect];
/*
The collection view object currently using this layout object. (read-only)
The collection view object sets the value of this property when a new layout object is assigned to it.
*/
CGFloat centerX = self.collectionView.contentOffset.x + self.collectionView.frame.size.width * 0.5;
for (int i=0; i<attArr.count; i++) {
UICollectionViewLayoutAttributes * att = attArr[i];
CGFloat delta = ABS(att.center.x - centerX);
CGFloat scale = 1 - delta / self.collectionView.bounds.size.width;
att.transform = CGAffineTransformMakeScale(scale, scale);
}
return attArr;
}
/*
Returns the point at which to stop scrolling.
The proposed point (in the collection view’s content view) at which to stop scrolling. This is the value at which scrolling would naturally stop if no adjustments were made. The point reflects the upper-left corner of the visible content.
Parameters
proposedContentOffset
The proposed point (in the collection view’s content view) at which to stop scrolling. This is the value at which scrolling would naturally stop if no adjustments were made. The point reflects the upper-left corner of the visible content.
velocity
The current scrolling velocity along both the horizontal and vertical axes. This value is measured in points per second.
Returns The content offset that you want to use instead.
*/
- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity
{
CGRect rect;
rect.origin.y = 0;
rect.origin.x = proposedContentOffset.x;
rect.size.width = self.collectionView.bounds.size.width;
rect.size.height = self.collectionView.bounds.size.height;
NSArray * attArr = [super layoutAttributesForElementsInRect:rect];
//The point at which the origin of the content view is offset from the origin of the scroll view.
CGFloat centerX = self.collectionView.contentOffset.x + self.collectionView.frame.size.width * 0.5;
CGFloat mindel = MAXFLOAT;
for (int i= 0; i<attArr.count; i++) {
UICollectionViewLayoutAttributes * attributes = attArr[i];
if ( ABS(mindel) > ABS(attributes.center.x - centerX)) {
mindel = attributes.center.x - centerX;
}
}
CGPoint point = CGPointMake(proposedContentOffset.x + mindel, 0);
return point ;
}
@end
/*******分割线*******分割线********分割线*******分割线 *********分割线*********分割线***********/
// ViewController.m
// 自定义流水布局
//
// Created by zyyt on 16/7/20.
// Copyright © 2016年 sjb. All rights reserved.
//
#import "ViewController.h"
#import "SJBFlowLayout.h"
#import "SJBCollectionCell.h"
#import "AFNetworking.h"
@interface ViewController ()<UICollectionViewDataSource>
@property (nonatomic,strong)NSMutableArray * dataSouce;
@property (nonatomic,strong)UICollectionView * collectionView;
@end
/*******分割线*******分割线********分割线*******分割线 *********分割线*********分割线***********/
static NSString * const cellID = @"cell";
@implementation ViewController
- (NSMutableArray *)dataSouce
{
if (_dataSouce == nil) {
_dataSouce = [NSMutableArray array];
}
return _dataSouce;
}
- (void)viewDidLoad {
[super viewDidLoad];
SJBFlowLayout * layout = [[SJBFlowLayout alloc] init];
layout.itemSize = CGSizeMake(100, 100);
layout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
self.collectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 150, [UIScreen mainScreen].bounds.size.width, 200) collectionViewLayout:layout];
self.collectionView.dataSource = self;
[self.collectionView registerNib:[UINib nibWithNibName:NSStringFromClass([SJBCollectionCell class]) bundle:nil] forCellWithReuseIdentifier:cellID];
[self.view addSubview:self.collectionView];
[self requestData];
}
- (void)requestData
{
NSMutableDictionary * params = [NSMutableDictionary dictionary];
params[@"a"] =@"list";
params[@"c"] = @"data";
params[@"type"] = @(10);
params[@"page"] = @(0);
AFHTTPSessionManager * manager = [AFHTTPSessionManager manager];
[manager GET:@"http://api.budejie.com/api/api_open.php" parameters:params success:^(NSURLSessionDataTask * _Nonnull task, id _Nonnull responseObject) {
NSLog(@"%@",responseObject);
for (int i=0; i<[responseObject[@"list"] count]; i++) {
[ self.dataSouce addObject:responseObject[@"list"][i]];
}
[self.collectionView reloadData];
} failure:^(NSURLSessionDataTask * _Nonnull task, NSError * _Nonnull error) {
}];
}
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
return 1;
}
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
return self.dataSouce.count;
}
- (UICollectionViewCell*)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
SJBCollectionCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:cellID forIndexPath:indexPath];
cell.modelDic = [self.dataSouce objectAtIndex:indexPath.item];
cell.contentView.backgroundColor = [UIColor whiteColor];
return cell;
}
@end
/*******分割线*******分割线********分割线*******分割线 *********分割线*********分割线***********/
#import "SJBCollectionCell.h"
#import "UIImageView+WebCache.h"
#import "UIImage+Circal.h"
@interface SJBCollectionCell ()
@property (weak, nonatomic) IBOutlet UIImageView *imageView;
@end
@implementation SJBCollectionCell
- (void)awakeFromNib {
// Initialization code
}
- (void)setModelDic:(NSDictionary *)modelDic
{
_modelDic = modelDic;
NSLog(@"%@",modelDic);
[self.imageView sd_setImageWithURL:[NSURL URLWithString:[modelDic objectForKey:@"image1"]] completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
self.imageView.image = [image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
} ];
self.imageView.contentMode = UIViewContentModeScaleAspectFill;
}
@end
iOS开发自定义流水布局的更多相关文章
- IOS开发之绝对布局和相对布局(屏幕适配)
之前如果做过Web前端页面的小伙伴们,看到绝对定位和相对定位并不陌生,并且使用起来也挺方便.在IOS的UI设计中也有绝对定位和相对定位,和我们的web前端的绝对定位和相对定位有所不同但又有相似之处.下 ...
- swift - uicollectionView自定义流水布局
TYWaterFallLayout 不规则流水布局 - swift3.0 配图 使用方法 //创建layout let layout = TYWaterFallLayout() layout.sect ...
- iOS开发自定义字体之静态字体
最后更新 2017-04-25 在iOS开发中经常会用到字体, 一般字体文件比较小的,单一的,几十k, 可以通过内置进去;如果字体文件比较多或者字体文件比较大,通常通过动态加载方式. 静态加载方式 将 ...
- iOS开发之蜂窝布局—Swift
前言 最近项目中用到了类似蜂窝的六边形布局,在这里分享出来抛砖引玉,供大家参考学习.本文提供了2种思路实现效果,第一种方式使用UICollectionView实现,第二种方式使用UIScrollVie ...
- iOS 开发自定义一个提示框
在开发的时候,会碰到很多需要提示的地方,提示的方法也有很多种,ios 8 以前的版本有alertview还是以后用的alertController,都是这种作用, 但是不够灵活,而且用的多了,用户体验 ...
- [IOS 开发] 自定义(重写) UITableViewCell的高亮背景色
IOS的sdk中,对UITableViewCell的高亮背景色只支持两种颜色,分别为UITableViewCellSelectionStyleBlue和UITableViewCellSelection ...
- iOS开发~UI布局(三)深入理解autolayout
一.概要 通过对iOS8界面布局的学习和总结,发现autolayout才是主角,autolayout是iOS6引入的新特性,当时还粗浅的学习了下,可是没有真正应用到项目中.随着iOS设备尺寸逐渐碎片化 ...
- iOS开发~UI布局(二)storyboard中autolayout和size class的使用详解
一.概要:前一篇初步的描述了size class的概念,那么实际中如何使用呢,下面两个问题是我们一定会遇到的: 1.Xcode6中增加了size class,在storyboard中如何使用? 2.a ...
- iOS开发~UI布局(一)初探Size Class
随着iOS8系统的发布,一个全新的页面UI布局概念出现,这个新特性将颠覆包括iOS7及之前版本的UI布局方式,这个新特性就是Size Class.Size Class配合Auto Layout可以解决 ...
随机推荐
- linux基础命令大全
编辑器 ed vi/vim (交互式) sed (非交互) vi/vim 的使用 1.命令模式 移动光标 方向键 hjkl H L M G 1G nG 复制行 yy nyy 粘贴 p 删除行 dd n ...
- liunx系统磁盘满的时候如何排查
第一步:查看磁盘总体情况 命令: df -lh 可以看出/dev/vda1, 不过这是个设备的名称不是对应的目录,其实/dev/vda1设备对应的目录名称是/home下面 或者可以全局搜索哪个目录下面 ...
- Time.timeScale、游戏暂停
原文链接 项目里面一直在用Time.timeScale来做游戏的 1倍 2倍整体加速,今天我仔细看了一下Time.timeScale才发现之前我理解错了一些东西. Time.timeScale可以控制 ...
- C# 语言规范_版本5.0 (第20章 附录B_语法)
A. 语法 此附录是主文档中描述的词法和语法以及不安全代码的语法扩展的摘要.这里,各语法产生式是按它们在主文档中出现的顺序列出的. A.1 词法文法 input: input-sectionopt i ...
- HTML学习总结(四)【canvas绘图、WebGL、SVG】
一.Canvas canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API,它可以实现在网页中完成动态的2D与3D图像技术.<canvas> 标记和 ...
- UIColor,CGColor,CIColor三者间的区别和联系
一.UIColor UIColor是UIKit中存储颜色信息的一个重要的类,一个UIColor对象包含了颜色和透明度的值,它的颜色空间已经针对IOS进行了优化.UIColor包含了一些类方法用于创建一 ...
- Pass和ClassPath变量配置
1.pass环境变量配置的是可执行性文件bin目录,是为了在任意盘符下都可以运行javac.exe和java.exe所配置的. 2.classpath环境变量记录的是java类运行文件所在的目录,一般 ...
- [转] Gvim for windows中块选择的方法
在gvim(windows版)中,块选择的快捷键不是<Ctrl-v>,此快捷键为粘贴. 一般的选择模式为:v(小写),此时会显示:可视. 行选择模式为:V(大写),此时会显示:可视-行. ...
- 数据库连接池druid
推荐一个带监控的数据库连接池druid,阿里的,据说比c3p0连接池性能要好点,主要是带sql,spring,uri等访问监控,比较直观地址: https://github.com/alibaba/d ...
- Struts2中的一个类型转换示例
1.写一个属性文件,里面写好需要转换的类型数据,xwork-conversion.properties,解释: xwork-conversion.properties表示对所有action中的指定数据 ...