zoukankan      html  css  js  c++  java
  • [翻译] FBLikeLayout

    FBLikeLayout

    This is an UICollectionView layout inspired by the photo section of facebook. This layout loads squared items with randomic full size items. It works with standard layout delegate methods. No additional custom methods to be implemented.

    这是一个UICollectionView的自动布局文件,灵感来自于Facebook的图片区域效果.这个布局文件加载方形的图片,并自动适应大小.它的代理方法与标准的自动布局代理方法相同.你不需要实现额外的方法.

    FBLikeLayout

    You can use this layout in your project by adding to your podfile:

    你可以用CocoaPods来安装,执行以下一句话即可:

    pod 'FBLikeLayout'

    Usage

    Just allocate a new FBLikeLayout, then customize the few properties this layout comes with

    只需要创建出FBLikeayout,然后定制少量的几个属性即可:

    FBLikeLayout *layout = [FBLikeLayout new];
    
    //in this case we want 3 cells per row, maximum. This is also the default value if you do not customize the layout.singleCellWidth property 
    CGFLoat cellWidth = (MIN(self.collectionView.bounds.size.width, self.collectionView.bounds.size.height)-self.collectionView.contentInset.left-self.collectionView.contentInset.right-8)/3.0;
    
    layout.minimumInteritemSpacing = 4;
    layout.singleCellWidth = cellWidth;
    layout.maxCellSpace = 3; //for full size cells, this parameter determines the max cell space
    
    //if you want the items size to be forced in order to have the minimumInteritemSpacing always respected. Otherwise the interitem spacing will be adapted in order to cover the complete row with cells
    layout.forceCellWidthForMinimumInteritemSpacing = YES;
    layout.fullImagePercentageOfOccurrency = 25; //this percent value determines how many times randomly the item will be full size.
    
    self.collectionView.collectionViewLayout = layout;

    Then just implement the UICollectionViewDelegateFlowLayout method:

    然后,实现UICollectionViewDelegateFlowLayout就OK啦:

    -(CGSize) collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
  • 相关阅读:
    【Liunx】centos防火墙
    【Liunx】基础命令
    【Flask】CBV模式
    【Flask】第三方插件
    【Flask】登录练习
    【Flask】特殊装饰器
    【Flask】蓝图
    Django之视图层
    Django之路由控制配置
    Django之静态文件配置
  • 原文地址:https://www.cnblogs.com/YouXianMing/p/4309870.html
Copyright © 2011-2022 走看看