TagCellLayout - SwiftGit

CollectionView

TagCellLayout

October 17, 2023

About

Its an ui-collection-view LAYOUT class that takes care of all the logic behind making tags like layout using UICollectionView. It also allows you to adjust the alignment of your layout i.e Left || Centre || Right. Now you just have to take care of your tag view and nothing else. Aaaand it also supports multi-line tags 🚀

Screenshots

Usage

Init Method:


                                              
                                                import TagCellLayout
let tagCellLayout = TagCellLayout(alignment: .center, delegate: self)

collectionView.collectionViewLayout = tagCellLayout

Tag Alignment:

alignment can be Left or Center or Right. If its nil then by default Left alignment will be applied.

Delegate Methods

Protocol to conform – TagCellLayoutDelegate
Methods


                                              
                                                – func tagCellLayoutTagSize(layout: TagCellLayout, atIndex index:Int) -> CGSize

Architecture

func tagCellLayoutTagSize(layout: TagCellLayout, atIndex index:Int) -> CGSize

is called for every tag where you will calculate their size and pass it on to TagCellLayout class for further calculations.

collectionView.numberOfItemsInSection(0)

internally the number of tags is calculated by the above method.

Installation

To integrate TagCellLayout into your Xcode project using CocoaPods, specify it in your Podfile:

Swift-4.0


                                              
                                                source ‘https://github.com/CocoaPods/Specs.git’

platform :ios, ‘8.0’

use_frameworks!
pod ‘TagCellLayout’, :git => ‘https://github.com/riteshhgupta/TagCellLayout.git’

Swift-3.2


                                              
                                                source ‘https://github.com/CocoaPods/Specs.git’

platform :ios, ‘8.0’

use_frameworks!
pod ‘TagCellLayout’, :git => ‘https://github.com/riteshhgupta/TagCellLayout.git’, :branch => ‘swift3.2’

Swift-3.0


                                              
                                                source ‘https://github.com/CocoaPods/Specs.git’

platform :ios, ‘8.0’

use_frameworks!
pod ‘TagCellLayout’, :git => ‘https://github.com/riteshhgupta/TagCellLayout.git’, :branch => ‘swift3.0’

Swift-2.3


                                              
                                                source ‘https://github.com/CocoaPods/Specs.git’

platform :ios, ‘8.0’

use_frameworks!
pod ‘TagCellLayout’, :git => ‘https://github.com/riteshhgupta/TagCellLayout.git’, :branch => ‘swift2.3’

Swift-2.2


                                              
                                                source ‘https://github.com/CocoaPods/Specs.git’

platform :ios, ‘8.0’

use_frameworks!
pod ‘TagCellLayout’, ‘~> 0.3’

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 #layout #objectivec #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 ...