Skip to content

Made in Swift - Tag layout for UICollectionView supporting 3 types of alignments - Left || Centre || Right

License

Notifications You must be signed in to change notification settings

sam007887/TagCellLayout

 
 

Repository files navigation

#TagCellLayout

Build Status Badge w/ Version Badge w/ Platform License MIT

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

##Installation To integrate TagCellLayout into your Xcode project using CocoaPods, specify it in your Podfile: If you are using Swift-2.2

source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '8.0'
use_frameworks!

pod 'TagCellLayout', '~> 0.3'

If you are using 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'

If you are using 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'

Screenshots

Center Alignment Left Alignment Right Alignment

##Usage

  • Init Method:
import TagCellLayout

let tagCellLayout = TagCellLayout(tagAlignmentType: .Center, delegate: self)
collectionView.collectionViewLayout = tagCellLayout
  • Tag Alignment:

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

  • Helper methods:

- func textWidth(text: String, font: UIFont) -> CGFloat

It calculates the width of a tag string.

Delegate Methods

  • Protocol to conform - TagCellLayoutDelegate

  • Methods

- func tagCellLayoutTagWidth(layout: TagCellLayout, atIndex index:Int) -> CGFloat
- func tagCellLayoutTagFixHeight(layout: TagCellLayout) -> CGFloat

Architecture

  • tagCellLayoutTagFixHeight(layout: TagCellLayout)

is only called once as all tags have one fixed height that will be defined by this method.

  • tagCellLayoutTagWidth(layout: TagCellLayout, atIndex index:Int)

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

  • collectionView.numberOfItemsInSection(0)

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

Contributing

Open an issue or send pull request here.

Licence

TagCellLayout is available under the MIT license. See the LICENSE file for more info.

About

Made in Swift - Tag layout for UICollectionView supporting 3 types of alignments - Left || Centre || Right

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Swift 96.1%
  • Ruby 3.9%