tableViewCell数据显示中的CollectionView

时间:2015-07-16 09:26:50

标签: ios swift uitableview uicollectionview

我在每个tableViewCell中都嵌入了一个collectionView。在每个tableViewWillDisplayCell事件中,我为我的collectionView设置了正确的dataSource,然后在collectionView中重新加载数据。

以下是代码:

override func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
    let c = cell as! CustomTableViewCell
    c.setCollectionViewDataSourceDelegate(dataSourceDelegate: self, indexPath: indexPath)
}

CustomTableViewCell.swift:

class CustomTableViewCell: UITableViewCell {

var collectionView: indexedCollectionView!

override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
    super.init(style: style, reuseIdentifier: reuseIdentifier)

    var layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
    layout.sectionInset = UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5)
    layout.itemSize = CGSizeMake(5, 5)
    layout.scrollDirection = UICollectionViewScrollDirection.Horizontal
    self.collectionView = indexedCollectionView(frame: CGRectZero, collectionViewLayout: layout)
    self.collectionView.registerClass(UICollectionViewCell.classForCoder(), forCellWithReuseIdentifier: collectionViewCellIdentifier as String)
    self.collectionView.backgroundColor = UIColor.whiteColor()
    self.collectionView.showsHorizontalScrollIndicator = false
    self.contentView.addSubview(self.collectionView)
}

required init(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
}

override func layoutSubviews() {
    super.layoutSubviews()
    self.collectionView.frame = self.contentView.bounds;
}

func setCollectionViewDataSourceDelegate(dataSourceDelegate delegate: protocol<UICollectionViewDelegate,UICollectionViewDataSource>, indexPath: NSIndexPath){
    self.collectionView.dataSource = delegate
    self.collectionView.delegate = delegate
    self.collectionView.indexPath = indexPath
    self.collectionView.tag = indexPath.row
    self.collectionView.reloadData()
}

}

TableViewController.swift:

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell: UICollectionViewCell = collectionView.dequeueReusableCellWithReuseIdentifier("CollectionViewCell", forIndexPath: indexPath) as! UICollectionViewCell
    let tableViewCell = self.tableView.cellForRowAtIndexPath(NSIndexPath(forItem: collectionView.tag, inSection: 0))
    var rect: CGRect?

    var label: UILabel = UILabel()
    label.font = UIFont(name: "HelveticaNeue-Light", size: 18.0)
    label.numberOfLines = 0
    label.lineBreakMode = NSLineBreakMode.ByWordWrapping
    label.textAlignment = .Center
    switch indexPath.row {
    case 0:
        cell.frame = CGRectMake(0, 0, tableViewCell!.frame.width * 0.2, tableViewCell!.frame.height)
        rect = cell.bounds
        label.frame = rect!
        label.text = events[collectionView.tag].category
        break
    case 1:
        cell.frame = CGRectMake(tableViewCell!.frame.width * 0.2, 0, tableViewCell!.frame.width * 0.3, tableViewCell!.frame.height)
        rect = cell.bounds
        label.frame = rect!
        label.text = events[collectionView.tag].event
        break
    case 2:
        cell.frame = CGRectMake(tableViewCell!.frame.width * 0.5, 0, tableViewCell!.frame.width * 0.26, tableViewCell!.frame.height)
        rect = cell.bounds
        label.frame = rect!
        label.text = events[collectionView.tag].location
        break
    case 3:
        cell.frame = CGRectMake(tableViewCell!.frame.width * 0.76, 0, tableViewCell!.frame.width * 0.12, tableViewCell!.frame.height)
        rect = cell.bounds
        label.frame = rect!
        label.text = events[collectionView.tag].date
        break
    case 4:
        cell.frame = CGRectMake(tableViewCell!.frame.width * 0.88, 0, tableViewCell!.frame.width * 0.12, tableViewCell!.frame.height)
        rect = cell.bounds
        label.frame = rect!
        label.text = events[collectionView.tag].time
        break
    default:
        break
    }
    cell.addSubview(label)
    cell.layer.borderColor = UIColor.blackColor().CGColor
    cell.layer.borderWidth = 0.5

    return cell
}

当应用程序启动时,一切看起来都很好(screenshot)但是当我滚动我的tableView时,它会再次为每个触发其collectionView的reloadData的单元格触发tableView willDisplayCell事件。

但它效果不佳(screenshot)。有人可以帮我解决我的问题吗?

更新:

我试图重新制作代码,但我遇到了问题。这是我的全部代码:

class TableViewController: UITableViewController {//, UICollectionViewDataSource, UICollectionViewDelegate {

var events: [Event] = [
    Event(category: "GAA - Football Campionship", event: "Round 4A Munster Final Runner up v Round 3A Winner", location: "Semple Stadium - Thurles", date: "7/12/15", time: "2:00pm"),
    Event(category: "Football", event: "Round 4A Munster", location: "Thurles", date: "7/2/15", time: "All day"),
    Event(category: "Golf - 4 Majors", event: "U.S. Open Day 4 ( Final Day)", location: "Oakmont Country Club, Pennsylvania", date: "7/12/15", time: ""),
]

override func viewDidLoad() {
    super.viewDidLoad()

    //self.tableView.registerClass(CustomTableViewCell.self, forCellReuseIdentifier: "Cell")
    self.tableView.separatorStyle = .None
    self.tableView.tableFooterView = UIView(frame: CGRectZero)
}

// MARK: - Table view data source

override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
    return 1
}

override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return events.count
}

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    var cell: CustomTableViewCell? = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath) as? CustomTableViewCell

    if cell == nil {
        cell = CustomTableViewCell.CreateCustomCell()
    }
    cell!.event = events[indexPath.row]
    cell!.size = CGSize(width: cell!.frame.width, height: cell!.frame.height)
    cell!.collectionView.reloadData()
    cell!.clipsToBounds = true

    return cell!
}

//    override func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
//        let c = cell as! CustomTableViewCell
//        c.setCollectionViewDataSourceDelegate(dataSourceDelegate: self, indexPath: indexPath)
//    }

override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    var cellHeight: CGFloat = 0.0
    let screenWidth: CGFloat = UIScreen.mainScreen().bounds.width

    var question: NSString = events[indexPath.row].category
    var size = CGSizeMake(screenWidth * 0.2, 9999)
    var textRect = question.boundingRectWithSize(size, options: NSStringDrawingOptions.UsesLineFragmentOrigin, attributes: [NSFontAttributeName: UIFont(name: "HelveticaNeue-Light", size: 18.0)!], context: nil)
    size = textRect.size
    cellHeight = size.height

    question = events[indexPath.row].event
    size = CGSizeMake(screenWidth * 0.3, 9999)
    textRect = question.boundingRectWithSize(size, options: NSStringDrawingOptions.UsesLineFragmentOrigin, attributes: [NSFontAttributeName: UIFont(name: "HelveticaNeue-Light", size: 18.0)!], context: nil)
    size = textRect.size
    if cellHeight < size.height {
        cellHeight = size.height
    }

    question = events[indexPath.row].location
    size = CGSizeMake(screenWidth * 0.3, 9999)
    textRect = question.boundingRectWithSize(size, options: NSStringDrawingOptions.UsesLineFragmentOrigin, attributes: [NSFontAttributeName: UIFont(name: "HelveticaNeue-Light", size: 18.0)!], context: nil)
    size = textRect.size
    if cellHeight < size.height {
        cellHeight = size.height
    }

    question = events[indexPath.row].date
    size = CGSizeMake(screenWidth * 0.1, 9999)
    textRect = question.boundingRectWithSize(size, options: NSStringDrawingOptions.UsesLineFragmentOrigin, attributes: [NSFontAttributeName: UIFont(name: "HelveticaNeue-Light", size: 18.0)!], context: nil)
    size = textRect.size
    if cellHeight < size.height {
        cellHeight = size.height
    }

    question = events[indexPath.row].time
    size = CGSizeMake(screenWidth * 0.1, 9999)
    textRect = question.boundingRectWithSize(size, options: NSStringDrawingOptions.UsesLineFragmentOrigin, attributes: [NSFontAttributeName: UIFont(name: "HelveticaNeue-Light", size: 18.0)!], context: nil)
    size = textRect.size
    if cellHeight < size.height {
        cellHeight = size.height
    }

    return cellHeight
}
}

CustomTableViewCell.swift:

class CustomTableViewCell: UITableViewCell, UICollectionViewDataSource, UICollectionViewDelegate {

//var collectionView: UICollectionView!
@IBOutlet weak var collectionView: UICollectionView!

var event: Event?
var size: CGSize?

override func awakeFromNib() {
    super.awakeFromNib()
    println("awake")

    var layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
    layout.sectionInset = UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5)
    layout.itemSize = CGSizeMake(5, 5)
    layout.scrollDirection = UICollectionViewScrollDirection.Horizontal
    collectionView.collectionViewLayout = layout
    //self.collectionView = indexedCollectionView(frame: CGRectZero, collectionViewLayout: layout)
    collectionView.registerClass(CustomCollectionViewCell.self, forCellWithReuseIdentifier: "CollectionViewCell")
    collectionView.backgroundColor = UIColor.whiteColor()
    collectionView.showsHorizontalScrollIndicator = false
    var cNib:UINib? = UINib(nibName: "CustomCollectionViewCell", bundle: nil)
    collectionView.registerNib(cNib, forCellWithReuseIdentifier: "CollectionViewCell")
    collectionView.frame = self.bounds
    //self.contentView.addSubview(self.collectionView)

}

override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
    super.init(style: style, reuseIdentifier: reuseIdentifier)

//        var layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
//        layout.sectionInset = UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5)
//        layout.itemSize = CGSizeMake(5, 5)
//        layout.scrollDirection = UICollectionViewScrollDirection.Horizontal
//        self.collectionView = indexedCollectionView(frame: CGRectZero, collectionViewLayout: layout)
//        self.collectionView.registerClass(UICollectionViewCell.classForCoder(), forCellWithReuseIdentifier: collectionViewCellIdentifier as String)
//        self.collectionView.backgroundColor = UIColor.whiteColor()
//        self.collectionView.showsHorizontalScrollIndicator = false
//        self.contentView.addSubview(self.collectionView)
}

required init(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
}

//    override func layoutSubviews() {
//        super.layoutSubviews()
//        self.collectionView.frame = self.contentView.bounds;
//    }

//    func setCollectionViewDataSourceDelegate(dataSourceDelegate delegate: protocol<UICollectionViewDelegate,UICollectionViewDataSource>, indexPath: NSIndexPath){
//        self.collectionView.dataSource = delegate
//        self.collectionView.delegate = delegate
//        self.collectionView.indexPath = indexPath
//        self.collectionView.tag = indexPath.row
//        self.collectionView.reloadData()
//    }

// MARK: - Collection view data source

func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
    return 1
}

func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return 5
}

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell: CustomCollectionViewCell = collectionView.dequeueReusableCellWithReuseIdentifier("CollectionViewCell", forIndexPath: indexPath) as! CustomCollectionViewCell
    //let tableViewCell = tableView!.cellForRowAtIndexPath(NSIndexPath(forItem: collectionView.tag, inSection: 0))
    var rect: CGRect?

    var label: UILabel = UILabel()
    label.font = UIFont(name: "HelveticaNeue-Light", size: 18.0)
    label.numberOfLines = 0
    label.lineBreakMode = NSLineBreakMode.ByWordWrapping
    label.textAlignment = .Center
    switch indexPath.row {
    case 0:
        cell.frame = CGRectMake(0, 0, size!.width * 0.2, size!.height)
        rect = cell.bounds
        label.frame = rect!
        label.text = event!.category
        break
    case 1:
        cell.frame = CGRectMake(size!.width * 0.2, 0, size!.width * 0.3, size!.height)
        rect = cell.bounds
        label.frame = rect!
        label.text = event!.event
        break
    case 2:
        cell.frame = CGRectMake(size!.width * 0.5, 0, size!.width * 0.26, size!.height)
        rect = cell.bounds
        label.frame = rect!
        label.text = event!.location
        break
    case 3:
        cell.frame = CGRectMake(size!.width * 0.76, 0, size!.width * 0.12, size!.height)
        rect = cell.bounds
        label.frame = rect!
        label.text = event!.date
        break
    case 4:
        cell.frame = CGRectMake(size!.width * 0.88, 0, size!.width * 0.12, size!.height)
        rect = cell.bounds
        label.frame = rect!
        label.text = event!.time
        break
    default:
        break
    }
    cell.addSubview(label)
    cell.layer.borderColor = UIColor.blackColor().CGColor
    cell.layer.borderWidth = 0.5

    return cell
}

class func CreateCustomCell() -> CustomTableViewCell
{
    var nibElements: Array = NSBundle.mainBundle().loadNibNamed("CustomTableViewCell", owner: self, options: nil)
    var item: AnyObject?
    for item in nibElements
    {
        if item is UITableViewCell
        {
            return item as! CustomTableViewCell
        }
    }
    return item as! CustomTableViewCell
}
}

CustomCollectionViewCell.swift

class CustomCollectionViewCell: UICollectionViewCell {

override init(frame: CGRect) {
    super.init(frame: frame)

}

required init(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
}

override func awakeFromNib() {
    super.awakeFromNib()

}
}

此外,在故事板中,我向tableViewCell添加了一个collectionView,将它连接到outlet变量,并将StoryCollectionCell类设置为storyboard中的collectionCell。

但是当我启动应用程序时,它会在tableViewCellForRowAtIndexPath中的这一行抛出一个异常:

  

2015-07-16 13:29:00.965 CollectionViewInTableViewCell [4241:1005396]由于未捕获异常而终止应用程序NSUnknownKeyException,原因:[CollectionViewInTableViewCell.CustomTableViewCell 0x126e12440 setValue:forUndefinedKey:]:此类不符合键值编码关键集合。'

1 个答案:

答案 0 :(得分:0)

您的CustomTableViewCell必须实现UICollectionViewDelegateUICollectionViewDataSource,并且在将其添加到表格视图时,单元格本身必须链接到委托和数据源。