Swift - UITableView中的渐弱单元格

时间:2015-04-02 09:24:39

标签: uitableview swift xcode6 fade tableviewcell

我在Xcode 6上的swift中遇到了我的UITableView的麻烦:

我希望我的UITableView单元在出现/消失时淡入/淡出。

我在网上看了很多关于淡入淡出动画但是我找不到我想要的东西,因为它基于持续时间动画。

我认为我需要的是基于alpha的掩码?我不是,我甚至不知道要创造一个...

我有一个UIViewController包含一个tableView和一些空白(现在)UITableView的上部和下部。

感谢您的帮助!!

最佳,

阿纳托利

2 个答案:

答案 0 :(得分:8)

我一直在寻找同样的东西,我最终制作了自己的东西,我想我会分享它:

func scrollViewDidScroll(_ scrollView: UIScrollView) {

    let cellCount = tableView.visibleCells.count
    let alphaInterval:CGFloat = 1.0 / CGFloat(cellCount / 2)

    for (index,cell) in (tableView.visibleCells as [UITableViewCell]).enumerated() {

        if index < cellCount / 2 {
            cell.alpha = CGFloat(index) * alphaInterval
        } else {
            cell.alpha = CGFloat(cellCount - index) * (alphaInterval)
        }
    }
}

这是单元格:

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = UITableViewCell()
    cell.textLabel?.text = countries[indexPath.row].uppercased()
    cell.textLabel?.textColor = .white
    cell.backgroundColor = .clear
    cell.alpha = 0.25

    UIView.animate(withDuration: 0.5, animations: {
        cell.alpha = 1 
    })

    return cell
}

看起来像这样:

tableViewCell fade

答案 1 :(得分:7)

animateWithDuration似乎合适,因为淡入/淡出有一段持续时间:细胞逐渐变得可见或不可见。

以下是使表格单元格淡入的示例:

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

    var cell = self.tableView.dequeueReusableCellWithIdentifier("cell") as UITableViewCell

    cell.textLabel?.text = self.items[indexPath.row]
    cell.backgroundColor = UIColor.grayColor()
    cell.alpha = 0

    UIView.animateWithDuration(2, animations: { cell.alpha = 1 })

    return cell
}

编辑:

这会根据y位置设置单元格的alpha值,这可能更接近你想要的位置:

func scrollViewDidScroll(scrollView: UIScrollView) {

    for cell in tableView.visibleCells() as [UITableViewCell] {

        var point = tableView.convertPoint(cell.center, toView: tableView.superview)
        cell.alpha = ((point.y * 100) / tableView.bounds.maxY) / 100
    }
}