jjzjj

ios - 自定义 UICollectionViewLayout 不同单元格大小

coder 2024-01-26 原文

我想像这样自定义 UICollectionViewLayouthttp://i.stack.imgur.com/aWUIa.jpg

当我滚动第二页时,图像大小不适合单元格大小; http://i.stack.imgur.com/GOUmF.jpg

然后再翻回第一页;
http://i.stack.imgur.com/lQQ3h.png

图像大小和单元格大小不匹配。 这是我的自定义布局代码;

//
//  SeyahatLayout.m
//  SeyahatTrend
//
//  Created by Mehmet Can Yavuz on 03.06.2013.
//  Copyright (c) 2013 Mehmet Can Yavuz. All rights reserved.
//

#import "SeyahatLayout.h"
#import "SeyahatLayoutAttributes.h"

#define kNumberOfItemsPerPage 5

static NSString * const BHPhotoAlbumLayoutPhotoCellKind = @"PhotoCell";

@interface SeyahatLayout ()

@property (nonatomic, strong) NSDictionary *layoutInfo;

@end

@implementation SeyahatLayout

- (CGSize)collectionViewContentSize
{
    // Ask the data source how many items there are (assume a single section)
    id<UICollectionViewDataSource> dataSource = self.collectionView.dataSource;
    int numberOfItems = [dataSource collectionView:self.collectionView 
                            numberOfItemsInSection:0];

    // Determine how many pages are needed
    int numberOfPages = ceil((float)numberOfItems/(float)kNumberOfItemsPerPage);

    // Set the size
    float pageWidth = self.collectionView.frame.size.width;
    float pageHeight = self.collectionView.frame.size.height;
    CGSize contentSize = CGSizeMake(numberOfPages * pageWidth, pageHeight);

    return contentSize;
}

#pragma mark - Layout

- (void)prepareLayout
{
    NSMutableDictionary *newLayoutInfo = [NSMutableDictionary dictionary];
    NSMutableDictionary *cellLayoutInfo = [NSMutableDictionary dictionary];

    NSInteger sectionCount = [self.collectionView numberOfSections];
    NSIndexPath *indexPath = [NSIndexPath indexPathForItem:0 inSection:0];

    for (NSInteger section = 0; section < sectionCount; section++) {
         NSInteger itemCount = 
           [self.collectionView numberOfItemsInSection:section];

        for (NSInteger item = 0; item < itemCount; item++) {
            indexPath = [NSIndexPath indexPathForItem:item inSection:section];

            SeyahatLayoutAttributes* attr = 
              [self layoutAttributesForItemAtIndex:item];
         // UICollectionViewLayoutAttributes *itemAttributes =
         //  [UICollectionViewLayoutAttributes 
         //     layoutAttributesForCellWithIndexPath:indexPath];
         // itemAttributes.frame = [self frameForAlbumPhotoAtIndexPath:indexPath];

            [cellLayoutInfo setObject:attr forKey:indexPath];
        }
    }

    newLayoutInfo[BHPhotoAlbumLayoutPhotoCellKind] = cellLayoutInfo;
    self.layoutInfo = newLayoutInfo;
}

- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:
       (NSIndexPath *)indexPath {

    return self.layoutInfo[BHPhotoAlbumLayoutPhotoCellKind][indexPath];
}

-(NSArray*)layoutAttributesForElementsInRect:(CGRect)rect
{
//  NSInteger itemCount = [self.collectionView numberOfItemsInSection:0];
//  NSMutableArray* attributes = [NSMutableArray array];
//  for (NSInteger i=0 ; i < itemCount; i++) {
//       NSIndexPath* indexPath = [NSIndexPath indexPathForItem:i 
                                                      inSection:0];
//       [attributes addObject:
           [self layoutAttributesForItemAtIndexPath:indexPath]];
//  }
//    return attributes;
    NSLog(@"RECTX: %f",rect.origin.x );
    NSLog(@"RECTY: %f",rect.origin.y );
    NSLog(@"RECTWIDTH: %f",rect.size.width );
    NSLog(@"RECTHEIGHT: %f",rect.size.height );

    id<UICollectionViewDataSource> dataSource = self.collectionView.dataSource;
    int numberOfItems = [dataSource collectionView:self.collectionView 
                            numberOfItemsInSection:0];

    NSMutableArray* attributes = [NSMutableArray array];
    int page = rect.origin.x / 1024.0;
    if(numberOfItems>0){
    for(NSInteger i = 0; i<kNumberOfItemsPerPage; i++){
        int x = page*kNumberOfItemsPerPage + i;
        NSLog(@"%d",x);
        NSIndexPath* indexPath = [NSIndexPath indexPathForItem:x inSection:0];
        [attributes addObject:self.layoutInfo[BHPhotoAlbumLayoutPhotoCellKind]
           [indexPath]];
    }

    return attributes;
    }
    else
        return nil;

}

- (SeyahatLayoutAttributes *)layoutAttributesForItemAtIndex:(int)index
{
    NSIndexPath *path = [NSIndexPath indexPathForItem:index inSection:0];
    SeyahatLayoutAttributes *attributes = 
      (SeyahatLayoutAttributes *)[UICollectionViewLayoutAttributes  
                                    layoutAttributesForCellWithIndexPath:path]; 

    // Figure out what page this item is on
    int pageNumber = floor((float)index / (float) kNumberOfItemsPerPage);

    // Set the horizontal offset for the start of the page
    float pageWidth = self.collectionView.frame.size.width;
    float horizontalOffset = pageNumber * pageWidth;

    // Now, determine which position this cell occupies on the page.
    int indexOnPage = index % kNumberOfItemsPerPage;

    int column = 0;
    switch (indexOnPage) {
        case 0:
        case 1:
            column = 0;
            break;
        case 2:
        case 3:
        case 4:
            column = 3;
            break;
        default:
            column = 0;
            break;
    }

    int row = 0;
    switch (indexOnPage) {
        case 0:
        case 2:
            row = 0;
            break;
        case 3:
            row = 1;
            break;
        case 1:
        case 4:
            row = 2;
            break;
        default:
            row = 0;
            break;
    }

    horizontalOffset = horizontalOffset + ((175.0 + 30.0) * column) + 30.0;
    float verticalOffset = (194.0 + 30.0) * row + 30.0;

    // finally, determine the size of the cell.
    float width = 0.0;
    float height = 0.0;

    switch (indexOnPage) {
        case 0:
            width = 585.0;
            height = 418.0;
            break;
        case 1:
            width = 585.0;
            height = 194.0;
            break;
        default:
            width = 350.0;
            height = 194.0;
            break;
    }

    CGRect frame = CGRectMake(horizontalOffset, verticalOffset, width, height);
    [attributes setFrame:frame];

    return attributes;
}

+ (Class)layoutAttributesClass
{
    return [SeyahatLayoutAttributes class];
}

@end

这是我自定义的 uicollectionviewcell 代码;

//
//  SeyahatCell.m
//  SeyahatTrend
//
//  Created by Mehmet Can Yavuz on 03.06.2013.
//  Copyright (c) 2013 Mehmet Can Yavuz. All rights reserved.
//

#import "SeyahatCell.h"
#import "PNCollectionCellBackgroundView.h"
@implementation SeyahatCell

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code
        //self.backgroundColor = [UIColor whiteColor];


        PNCollectionCellBackgroundView* backgroundView = 
          [[PNCollectionCellBackgroundView alloc] initWithFrame:frame];
        self.backgroundView = backgroundView;
        self.imageView = 
          [[UIImageView alloc] initWithFrame:CGRectMake(5, 
                                                        5, 
                                                        frame.size.width-10, 
                                                        frame.size.height-10)];
        [self.contentView addSubview:self.imageView];
    }
    return self;
}

还有我的 cellForItemAtIndexPath 方法;

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView
                  cellForItemAtIndexPath:(NSIndexPath *)indexPath
{

    SeyahatCell *seyahatCell =
    [collectionView dequeueReusableCellWithReuseIdentifier:SeyahatCellIdentifier    
                                              forIndexPath:indexPath];


    Post * p = [self.posts objectAtIndex:indexPath.row];
    [seyahatCell.imageView setImage:nil];
    if(p.thumbnail){
        [seyahatCell.imageView setImageWithURL:[NSURL URLWithString:p.thumbnail]];
    }
    else{
        [seyahatCell.imageView setImage:nil];
    }

    return seyahatCell;
}

我该如何解决这个问题?

最佳答案

尝试使用现有的布局解决方案。为此,我更喜欢使用 https://github.com/bryceredd/RFQuiltLayout

关于ios - 自定义 UICollectionViewLayout 不同单元格大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16934781/

有关ios - 自定义 UICollectionViewLayout 不同单元格大小的更多相关文章

  1. ruby-on-rails - 在 Rails 中将文件大小字符串转换为等效千字节 - 2

    我的目标是转换表单输入,例如“100兆字节”或“1GB”,并将其转换为我可以存储在数据库中的文件大小(以千字节为单位)。目前,我有这个:defquota_convert@regex=/([0-9]+)(.*)s/@sizes=%w{kilobytemegabytegigabyte}m=self.quota.match(@regex)if@sizes.include?m[2]eval("self.quota=#{m[1]}.#{m[2]}")endend这有效,但前提是输入是倍数(“gigabytes”,而不是“gigabyte”)并且由于使用了eval看起来疯狂不安全。所以,功能正常,

  2. ruby - Facter::Util::Uptime:Module 的未定义方法 get_uptime (NoMethodError) - 2

    我正在尝试设置一个puppet节点,但ruby​​gems似乎不正常。如果我通过它自己的二进制文件(/usr/lib/ruby/gems/1.8/gems/facter-1.5.8/bin/facter)在cli上运行facter,它工作正常,但如果我通过由ruby​​gems(/usr/bin/facter)安装的二进制文件,它抛出:/usr/lib/ruby/1.8/facter/uptime.rb:11:undefinedmethod`get_uptime'forFacter::Util::Uptime:Module(NoMethodError)from/usr/lib/ruby

  3. ruby-on-rails - Rails 3.2.1 中 ActionMailer 中的未定义方法 'default_content_type=' - 2

    我在我的项目中添加了一个系统来重置用户密码并通过电子邮件将密码发送给他,以防他忘记密码。昨天它运行良好(当我实现它时)。当我今天尝试启动服务器时,出现以下错误。=>BootingWEBrick=>Rails3.2.1applicationstartingindevelopmentonhttp://0.0.0.0:3000=>Callwith-dtodetach=>Ctrl-CtoshutdownserverExiting/Users/vinayshenoy/.rvm/gems/ruby-1.9.3-p0/gems/actionmailer-3.2.1/lib/action_mailer

  4. ruby-on-rails - form_for 中不在模型中的自定义字段 - 2

    我想向我的Controller传递一个参数,它是一个简单的复选框,但我不知道如何在模型的form_for中引入它,这是我的观点:{:id=>'go_finance'}do|f|%>Transferirde:para:Entrada:"input",:placeholder=>"Quantofoiganho?"%>Saída:"output",:placeholder=>"Quantofoigasto?"%>Nota:我想做一个额外的复选框,但我该怎么做,模型中没有一个对象,而是一个要检查的对象,以便在Controller中创建一个ifelse,如果没有检查,请帮助我,非常感谢,谢谢

  5. ruby - 主要 :Object when running build from sublime 的未定义方法 `require_relative' - 2

    我已经从我的命令行中获得了一切,所以我可以运行rubymyfile并且它可以正常工作。但是当我尝试从sublime中运行它时,我得到了undefinedmethod`require_relative'formain:Object有人知道我的sublime设置中缺少什么吗?我正在使用OSX并安装了rvm。 最佳答案 或者,您可以只使用“require”,它应该可以正常工作。我认为“require_relative”仅适用于ruby​​1.9+ 关于ruby-主要:Objectwhenrun

  6. ruby - 在 Ruby 中有条件地定义函数 - 2

    我有一些代码在几个不同的位置之一运行:作为具有调试输出的命令行工具,作为不接受任何输出的更大程序的一部分,以及在Rails环境中。有时我需要根据代码的位置对代码进行细微的更改,我意识到以下样式似乎可行:print"Testingnestedfunctionsdefined\n"CLI=trueifCLIdeftest_printprint"CommandLineVersion\n"endelsedeftest_printprint"ReleaseVersion\n"endendtest_print()这导致:TestingnestedfunctionsdefinedCommandLin

  7. ruby - 定义方法参数的条件 - 2

    我有一个只接受一个参数的方法:defmy_method(number)end如果使用number调用方法,我该如何引发错误??通常,我如何定义方法参数的条件?比如我想在调用的时候报错:my_method(1) 最佳答案 您可以添加guard在函数的开头,如果参数无效则引发异常。例如:defmy_method(number)failArgumentError,"Inputshouldbegreaterthanorequalto2"ifnumbereputse.messageend#=>Inputshouldbegreaterthano

  8. ruby - 如何验证 IO.copy_stream 是否成功 - 2

    这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同,而不是下载一半的损坏文件?documentation说IO.copy_stream返回它复制的字节数,但是当我还没有下

  9. ruby - 如何在 Grape 中定义哈希数组? - 2

    我使用Ember作为我的前端和GrapeAPI来为我的API提供服务。前端发送类似:{"service"=>{"name"=>"Name","duration"=>"30","user"=>nil,"organization"=>"org","category"=>nil,"description"=>"description","disabled"=>true,"color"=>nil,"availabilities"=>[{"day"=>"Saturday","enabled"=>false,"timeSlots"=>[{"startAt"=>"09:00AM","endAt"=>

  10. ruby - 获取模块中定义的所有常量的值 - 2

    我想获取模块中定义的所有常量的值:moduleLettersA='apple'.freezeB='boy'.freezeendconstants给了我常量的名字:Letters.constants(false)#=>[:A,:B]如何获取它们的值的数组,即["apple","boy"]? 最佳答案 为了做到这一点,请使用mapLetters.constants(false).map&Letters.method(:const_get)这将返回["a","b"]第二种方式:Letters.constants(false).map{|c

随机推荐