[iOS] 如何自定义CollectionView中每个元素的大小和间距

原创 2016年05月31日 21:11:27

Step 1:

在你的视图控制器头文件中实现UICollectionViewFlowLayout协议

eg:

@interface XXViewController : UICollectionViewController<UICollectionViewFlowLayout>

...

@end

 

Step 2:

设置每个单元格的大小

eg:

复制代码

- (CGSize) collectionView:(UICollectionView *)collectionView
  layout:(UICollectionViewLayout *)collectionViewLayout
  sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
  return CGSizeMake(104.0f, 104.0f);
}

复制代码

 

Step 3:

设置单元格间的横向间距

eg:

- (CGFloat) collectionView:(UICollectionView *)collectionView
    layout:(UICollectionViewLayout *)collectionViewLayout
    minimumInteritemSpacingForSectionAtIndex:(NSInteger)section
{
    return 2.0f;
}

 

Step 4:

设置纵向的行间距

eg:

- (CGFloat) collectionView:(UICollectionView *)collectionView
    layout:(UICollectionViewLayout *)collectionViewLayout
    minimumLineSpacingForSectionAtIndex:(NSInteger)section
{
    return 2.0f;
}

 

step 5:

通过调整inset使单元格顶部和底部都有间距(inset次序: 上,左,下,右边)

eg:

- (UIEdgeInsets) collectionView:(UICollectionView *)collectionView
    layout:(UICollectionViewLayout *)collectionViewLayout
    insetForSectionAtIndex:(NSInteger)section
{
    return UIEdgeInsetsMake(2.0f, 0.0f, 2.0f, 0.0f);
}

自定义TableViewCell里嵌套CollectionView

并且TableViewCell的高度和CollectionView高度随着CollectionViewCell的多少来决定。其实关于这样的情况,完全可以只用CollectionView搞定,你认为呢?...

ios开发中经典应用高仿项目分享<二>

以下这些开源项目是自己在开发过程中,从各个网站上下载收藏的,其中有些项目是iOS经典app的高仿源码,通过阅读这些优秀作品的源码,在很大程度上提高了自己的技术水平和开发技巧,在此真心感谢这些源码作者的...

iOS自定义Scrollview滑动间距page

  • 2016年08月30日 14:24
  • 50KB
  • 下载

Android中自定义RatingBar实现星星大小,数量,间距等的设置

1,系统中自带的RatingBar使用起来非常不方便,并且无法调整合适大小,于是自定义一个可自己调节星星数量,大小,间距等属性的RatingBar。2,Demo展示图片: 3,布局代码如下://(l...

自定义View时,如何设置字体的大小和间距,和XML布局达到一样的效果

问题1、我们再Android布局的时候会涉及到不同分辨率的手机显示效果不同。2、如果我们一律用XML布局,字体用SP,间距用DP,可以很好地显示TextView。3、如果我们一律用自定义的布局,设置好...

ios 自定义菜单显示内容(可拖拽排序collectionView

最近项目有个首页菜单定制的需求,类似于支付宝的首页模块定制, 如果有这种需求的小伙伴不妨看一下,希望能帮到你 , 当然, 有任何不妥的地方 欢迎指正 首先看一下效果展示吧(请忽略这个不忍直视的GIF...

iOS开发之高级转场动画,tableview到collectionView自定义转场动画+手势驱动

这两天还是在捣鼓collectionView,每当我切换自己自定义的各种奇奇怪怪的collectionViewLayout的时候,我都对苹果对布局切换的动画处理佩服得五体投地,如此丝滑般流畅,同时苹果...

iOS-CollectionView自定义相册功能_性能优化

大多数项目中都会用到相册浏览和选择功能,如果需要使用到自定义相册浏览器,那么,性能优化将是一个很重要的课题。毕竟操作对象是图片这样相对较大写数据单位。今天就针自定义相册浏览选择器四个优化点进行剖析: ...

iOS开发实战——CollectionView中cell的间距设置

我在前面多篇博客中详细讲解了CollectionView的使用与自定义CollectionViewCell的设计,可以参考《iOS开发实战——CollectionView点击事件与键盘隐藏结合案例》《...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[iOS] 如何自定义CollectionView中每个元素的大小和间距
举报原因:
原因补充:

(最多只允许输入30个字)