Tokens with close button

Question

I'm trying to think of the best approach to get an interface like this:

They are similar to the Stack Overflow tokens that you enter when asking a question, except I don't need to be able to type the tokens in, just add/remove them programmatically.

As you can see, they are left aligned, variable width, and something can be triggered by the 'x' button.

UICollectionView seems overkill. UIStackView will only allow one row (?). UITextField / UITextView doesn't work well with images. What is the right approach to take?

score 3 · Answer 1 · answered Aug 31 '16 at 14:27

3

UICollectionView is what you're looking for, it doesn't seem overkill. Unless you want to implement a custom solution.

answered Aug 31 '16 at 14:27

Sealos

562
3
15

score 2 · Answer 2 · answered Aug 31 '16 at 14:35

2

I need same functionality, I little investigate possible solutions, and this one look as good startpoint CloudTagView

answered Aug 31 '16 at 14:35

Miro Durkovic

79
1
5

score 2 · Answer 3 · edited May 23 '17 at 12:00

2

This is perfect for you, written in Swift:

https://github.com/xhacker/TagListView

This can be also used, written in Objective-C:

https://github.com/ali312/TLTagsControl

In case you choose obj-c library, here is How to call Objective-C code from Swift

edited May 23 '17 at 12:00

Community

1
1

answered Aug 31 '16 at 14:37

pedrouan

12,762
3
58
74

Tokens with close button

3 Answers3