您的位置:首页 > 产品设计 > UI/UE

第04天实战技术(11):UICollectionView基本使用(布局)

2017-03-29 00:00 555 查看
#####一、UICollectionView基本使用(布局)

流水布局: 调整cell的尺寸
1.设置item的大小
2.设置滚动方向
3.设置一开始就要距离左边有点间距,最后一个距离右边有点间距 :(设置内边距(比较好) 或者偏移量)
4.设置行、item的间距


1.设置item的大小
UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init];

layout.itemSize = CGSizeMake(160, 160); // 大小


2.设置滚动方向

layout.scrollDirection = UICollectionViewScrollDirectionHorizontal; // 水平方向的滚动


3.设置一开始就要距离左边有点间距,最后一个距离右边有点间距 :(设置内边距(比较好) 或者偏移量)

#define ScreenW [UIScreen mainScreen].bounds.size.width
CGFloat margin = (ScreenW - 160) * 0.5;
// 设置内边距 (左边的内边距)
layout.sectionInset = UIEdgeInsetsMake(0, margin, 0, margin);


4.设置行、item的间距

layout.minimumLineSpacing = 50; // 设置最小的行间距
//    layout.minimumInteritemSpacing = 0; // 设置最小的item间距
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息