Show only completely visible UITableViewCells - ios

Question

I have a custom tableView, but the way it's designed makes the bottom and top part ugly when only half of the cell is visible. See picture for reference:
I want the bottom part (and the top after crolling) only visible when you can see 100% of the cell.
I tried this to check if the cells were completely visible, but I believe cellForRowAtIndexPath creates the reusableCells when it's partly visible and isn't called again when it's fully visible:
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
var myCell:ChooseStoryCell = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as! ChooseStoryCell
var cellRect = self.tableView.rectForRowAtIndexPath(indexPath)
var completelyVisible = CGRectContainsRect(self.tableView.bounds, cellRect)
if completelyVisible == true {
myCell.hidden = false
myCell.backgroundColor = Color.sharedColors().colorsArray[5]
myCell.storyLabel.text = stories[indexPath.row].name
myCell.circleView.layer.cornerRadius = 15
}
else{
myCell.hidden = true
}
How I would go forward with this?
Any help would be greatly appriciated!

Answer 1

Put your table view inside a parent UIView. A margin from top of tableview to top of parent view should be equal to what height of your cells is, same from bottom, the width of table view should be same as its parent's view, left and right margins equals to zero. So there is just extra space at top / bottom to display a cell.
On tableview set clipsToBounds to NO, on parent view make sure that clipsToBounds is set to YES.
The behavior should be like this, when scrolling the cell will be visible until it reaches the top boundary of that parent view and disappear at once.
Alternatively, you can also just reduce height of your tableview, move it down and set clipsToBounds to NO. It should do it. But I prefer to embed in View to be sure that nothing will be display outside.

Answer 2

Here is a code just came out of my mind. Not tested.
The basic idea is to see the intersection of the cell's frame and the table view's bounds and if the result is the cell's frame, then the cell frame is completely visible.
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
var myCell = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as! UITableViewCell
var cellRect = tableView.rectForRowAtIndexPath(indexPath)
var completelyVisible = cellRect.rectByIntersecting(tableView.bounds) == cellRect
if completelyVisible == true {
myCell.contentView.hidden = false
}
else{
myCell.contentView.hidden = true
}
return myCell
}