繁体   English   中英

tableViewCell数据显示中的CollectionView

[英]CollectionView in tableViewCell data display

我在每个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
}

当应用程序启动时,一切看上去都很好( 屏幕截图 ),但是当我滚动tableView时,它将为每个触发其collectionView的reloadData的单元格再次触发tableView willDisplayCell事件。

但这效果不佳( 屏幕截图 )。 有人可以帮我解决我的问题吗?

更新:

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

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,将其连接到插座变量,并在情节提要中将CustomCollectionCell类设置为collectionCell。

但是,当我启动应用程序时,它在tableViewCellForRowAtIndexPath的这一行上引发了异常:

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM