How to wrap self sizing UICollectionViewCell

Question

My goal is to have a Swift implementation of a UICollectionView with dynamic content where each cell hold parts of a sentence. Each part of the sentence can be edited by the user. The problem is that some parts of a sentence might be longer than the container itself. Using sizeToFit is not an alternative because all content should have the same font size to maintain readability throughout the collection view.

Right now the behaviour I get, when I have a part of a sentence longer than the container is the following:

As you can see the third row has leading ellipsis.

What I would like to achieve is the following, the overflowing part of the cell should wrap as analogous to a span tag in HTML, like so:

Is this possible? How can I achieve such a thing?

Answer 1

As far as I can tell, it's possible but complex - here are a few pointers of what I'd say you're going to need:

• 2 additional collection view cell types: in the first, only the left edges are rounded, in the second only the right
• Use Core Text API to measure where your text needs to be wrapped
• In your datasource, you're going to have to then recognize the situation before you create the cells and then instead of creating a single cell, you create two, using those new types you have.