My view is structured like this:
UITableView
|
+-- MyTableViewCell
| |
| +-- UICollectionView
| |
| +-- MyCollectionViewCell
| |
| +-- UIImageView
The UIImageView is named 'icon' and its layer has certain corner radius. I've implemented Peek and Pop for items inside the Collection View and it works, but I can't figure out how to include corner radius of the image in the preview frame.
This is how I register the tableView for previewing:
if #available(iOS 9.0, *), traitCollection.forceTouchCapability == .available {
registerForPreviewing(with: self, sourceView: tableView)
}
And this is my previewing function (inspired from here):
func previewingContext(_ previewingContext: UIViewControllerPreviewing, viewControllerForLocation location: CGPoint) -> UIViewController? {
guard let indexPath = tableView.indexPathForRow(at: location) else { return nil }
guard let cell = tableView.cellForRow(at: indexPath) as? MyTableViewCell else { return nil }
guard let collectionIndex = cell.collectionView.indexPathForItem(at: self.view.convert(location, to: cell.collectionView)) else { return nil }
guard let collectionViewCell = cell.collectionView.cellForItem(at: collectionIndex) as? MyCollectionViewCell else { return nil }
let iconRect = tableView.convert(collectionViewCell.icon.frame, from: collectionViewCell.icon.superview!)
previewingContext.sourceRect = iconRect
return someViewController
}
This is what I get in the preview frame when force touching the image, right before the new view controller is committed (so the outside is blurred):
This is what I would like to achieve, corner radius of the image is preserved (screenshot from the App Store):
By reading other posts I believe the issue is that I register the whole tableView for previewing, instead of its cells. However I could not find a solution that worked for Collection View cells inside Table View cells.
Any help appreciated.
