TagListView - SwiftGit

CollectionView

TagListView

October 17, 2023

Simple and highly customizable iOS tag list view, in Swift.

Supports Storyboard, Auto Layout, and @IBDesignable.

Usage

The most convenient way is to use Storyboard. Drag a view to Storyboard and set Class to TagListView (if you use CocoaPods, also set Module to TagListView). Then you can play with the attributes in the right pane, and see the preview in real time thanks to @IBDesignable.

You can add tag to the tag list view, or set custom font and alignment through code:


                                              
                                                tagListView.textFont = UIFont.systemFont(ofSize: 24)

tagListView.alignment = .center // possible values are [.leading, .trailing, .left, .center, .right]

tagListView.minWidth = 57
tagListView.addTag(“TagListView”)

tagListView.addTags([“Add”, “two”, “tags”])
tagListView.insertTag(“This should be the second tag”, at: 1)
tagListView.setTitle(“New Title”, at: 6) // to replace the title a tag
tagListView.removeTag(“meow”) // all tags with title “meow” will be removed

tagListView.removeAllTags()

You can implement TagListViewDelegate to receive tag pressed event:


                                              
                                                // …

{

// …

tagListView.delegate = self

// …

}
func tagPressed(title: String, tagView: TagView, sender: TagListView) {

print(“Tag pressed: \(title), \(sender)”)

}

You can also customize a particular tag, or set tap handler for it by manipulating the TagView object returned by addTag(_:):


                                              
                                                let tagView = tagListView.addTag(“blue”)

tagView.tagBackgroundColor = UIColor.blueColor()

tagView.onTap = { tagView in

print(“Don’t tap me!”)

}

Be aware that if you update a property (e.g. tagBackgroundColor) for a TagListView, all the inner TagViews will be updated.

Installation

Use CocoaPods:


                                              
                                                pod ‘TagListView’, ‘~> 1.0’

Or Carthage:


                                              
                                                github “ElaWorkshop/TagListView” ~> 1.0

Or drag TagListView folder into your project.

Older Swift Versions?

Currently, the master branch is using Swift 5.

For Swift 4, use version 1.3.2 or swift-4 branch. For Swift 3, use version 1.2.0 or swift-3 branch. For Swift 2, use version 1.0.1 or swift-2.3 branch. For Swift 1.2, use version 0.2.

GitHub

View Github

#autolayout #cocoa #cocoapod #cocoapods #cocoatouch #collection #collectionkit #collectionview #collectionviewcell #collectionviewlayout #dynamic #expandabletableview #hashtag #hashtags #ibinspectable #instagram #instagramanimation #ios #iosanimation #iosdevelopment #iossdk #iosswift #iosthirdparty #objectivec #storyboard #swift #swiftanimation #swiftcollection #swiftimage #swiftlibrary #swiftpackagemanager #swiftui #swiftuicomponents #table #tableview #tableviewcell #taglistview #tags #tagsview #uicollectionview #uicollectionviewanimation #uicollectionviewcell #uicollectionviewflowlayout #uicollectionviewlayout #uitableview #uitableviewcell #uitableviewcontroller #xcode

YOU MIGHT ALSO LIKE...

July 26, 2025
SwiftUI

🧭 NavigationKit

NavigationKit is a lightweight library which makes SwiftUI navigation super easy to use. 💻 Installation 📦 Swift Package Manager Using Swift Package Manager, add ...

July 26, 2025
SwiftUI

swiftui-navigation-stack

An alternative SwiftUI NavigationView implementing classic stack-based navigation giving also some more control on animations and programmatic navigation. NavigationStack Installation ...