Question

这是我的视图控制器：

//  ReadArticleViewController.swift
//
//  Created by Nathan Cain on 11/26/14.
//  Copyright (c) 2014 Nathan Cain. All rights reserved.
//

import UIKit
import Realm

class ReadArticleViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource
{
    var pronunciationArray: [String] = []
    var wordArray: [String] = []

    @IBOutlet var collectionView: UICollectionView!

    @IBOutlet weak var flow: UICollectionViewFlowLayout!

    var article: Article?

    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return pronunciationArray.count
    }

    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAtIndex section: Int) -> UIEdgeInsets {
        return UIEdgeInsetsMake(20, 20, 20, 20)
    }

    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        let wordCell: ReadArticleCollectionViewCell = collectionView.dequeueReusableCellWithReuseIdentifier("wordCell", forIndexPath: indexPath) as ReadArticleCollectionViewCell
        println(pronunciationArray[indexPath.row])
        wordCell.pronunciationLabel.text = convertPinyinNumbersToToneMarks(pronunciationArray[indexPath.row])
        println(wordArray[indexPath.row])
        wordCell.wordLabel.text = wordArray[indexPath.row]
        println("wordCell width is \(wordCell.frame.size.width.description)")
        return wordCell
    }

    override func viewDidLoad()
    {
        super.viewDidLoad()
        var Realm = RLMRealm.defaultRealm()

        // tell the collection view layout object to let the cells self-size
        var flowLayout = self.collectionView!.collectionViewLayout as UICollectionViewFlowLayout
        flowLayout.estimatedItemSize = CGSize(width: 25, height: 50)

        println(article!.articleContent)
        let paragraphObjectsRLMArray = article!.paragraphs

        for (index,paragraphObject) in enumerate(paragraphObjectsRLMArray)
        {
            var paragraph = paragraphObject as Paragraph

            var sentenceObjectsRLMArray = paragraph.sentences

            for sentenceObject in sentenceObjectsRLMArray
            {
                let sentence = sentenceObject as Sentence
                let wordObjectsRLMArray = sentence.words

                for (index,word) in enumerate(wordObjectsRLMArray)
                {

                    let word = word as Word
                    let index = UInt(index)

                    wordArray.append(word.simplified)

                    print("word #\(index + 1) is \(word.simplified); ")

                    let pinyinArray = word.pinyin
                    let pinyinObject = definitionObject.pinyin as Pinyin?
                    if let pronunciationText: String? = Optional(convertPinyinNumbersToToneMarks(pinyinObject!.pinyin)) {
                        if pronunciationText != ""{
                            pronunciationArray.append(pinyinObject!.pinyin)//.text = pronunciationText!
                        }
                        else
                        {
                            pronunciationArray.append(word.simplified)
                        }

                    }
                    else
                    {
                        pronunciationArray.append("")
                    }
                }
            }

        }

    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

这是我的collectionViewCell.swift

//
//  ReadArticleCollectionViewCell.swift
//
//  Created by Nathan Cain on 2/14/15.
//  Copyright (c) 2015 Nathan Cain. All rights reserved.
//

import UIKit

class ReadArticleCollectionViewCell: UICollectionViewCell {

    @IBOutlet weak var pronunciationLabel: UILabel!
    @IBOutlet weak var wordLabel: UILabel!

}

当我运行应用程序时，细胞不会调整它们的大小。以下是在启动时传递-UIViewShowAlignmentRects YES参数的情况：

all cells the same width

我希望每个单元格的大小都足够宽，以封闭其内容。

关于我做错的任何想法？

Answer 1

每个集合视图都有一个关联的布局。您正在使用此项目的预制流程布局。

更新类声明以指示它将符合流布局委托协议：

class ReadArticleViewController: UIViewController, 
                                 UICollectionViewDelegate, 
                                 UICollectionViewDataSource,     
                                 UICollectionViewDelegateFlowLayout

添加以下方法：

func collectionView(collectionView: UICollectionView!, layout collectionViewLayout: UICollectionViewLayout!,
                    sizeForItemAtIndexPath indexPath: NSIndexPath!) -> CGSize {

}

func collectionView(collectionView: UICollectionView!,layout collectionViewLayout: UICollectionViewLayout!,
                    insetForSectionAtIndex section: Int) -> UIEdgeInsets {

}

collectionView(_:layout:sizeForItemAtIndexPath:)负责告诉布局给定单元格的大小。要执行此操作，您必须首先确定要查看的项目，因为每个项目可能具有不同的尺寸。

collectionView(_:layout:insetForSectionAtIndex:)返回单元格，页眉和页脚之间的间距。常量用于存储值。

有关更多信息，您可以阅读优秀的Beginning iOS Collection Views in Swift: Part 1/2

我希望这对你有所帮助。

Answer 2

我是通过在此存储库中完成的操作之后对我的视图进行建模来完成的： https://github.com/algal/SelfSizingCellsDemo

首先制作labelView，然后将它们添加到子视图（单元格）。然后你制作一个newLabel并调整它的大小等等。

接下来，以编程方式设置自动布局约束。

最后你说self.labelView = newLabel

Answer 3

你应该处理blockSizeForItemAtIndexPath。看看这个项目的一些想法？ https://github.com/bryceredd/RFQuiltLayout

Answer 4

尝试在collectionViewLayout上实现名为sizeForItemAtIndexPath的委托方法，并为每个单元格返回正确的大小。

如何在Swift中使用多个标签单独自行调整大小的UICollectionViewCell？

4 个答案: