All Projects β†’ jVirus β†’ Compositional Layouts Kit

jVirus / Compositional Layouts Kit

Licence: mit
πŸ“ A set of advanced compositional layouts for UICollectionView with examples [Swift 5.3, iOS 13].

Programming Languages

swift
15916 projects

Projects that are alternatives of or similar to Compositional Layouts Kit

Collectionviewslantedlayout
A CollectionView Layout displaying a slanted cells
Stars: ✭ 2,029 (+540.06%)
Mutual labels:  uikit, uicollectionviewlayout, collectionview
Fruity
Rusty bindings for Apple libraries
Stars: ✭ 72 (-77.29%)
Mutual labels:  apple, uikit
Spalert
Native alert from Apple Music & Feedback. Contains Done, Heart & Message and other presets.
Stars: ✭ 1,014 (+219.87%)
Mutual labels:  apple, uikit
Swiftui Visual Effects
View modifiers that wrap UIVisualEffectView, with environment integration.
Stars: ✭ 137 (-56.78%)
Mutual labels:  apple, uikit
About Swiftui
Gathering all info published, both by Apple and by others, about new framework SwiftUI.
Stars: ✭ 5,954 (+1778.23%)
Mutual labels:  apple, uikit
Swiftui
A collaborative list of awesome SwiftUI resources. Feel free to contribute!
Stars: ✭ 774 (+144.16%)
Mutual labels:  apple, uikit
Drawer View
πŸ“€ Custom UI component for iOS, replication of Apple's Apple Music player and Shortcuts’ components view [Swift 5.0, iOS 12].
Stars: ✭ 136 (-57.1%)
Mutual labels:  apple, uikit
Ibpcollectionviewcompositionallayout
Backport of UICollectionViewCompositionalLayout to earlier iOS 12
Stars: ✭ 1,034 (+226.18%)
Mutual labels:  uikit, uicollectionviewlayout
KBImageView
UIImageView with Ken Burns effect.
Stars: ✭ 48 (-84.86%)
Mutual labels:  apple, uikit
ALRadioButtons
RadioButtons for iOS. Inherited from UIControl, support 2 native styles, fully customizable.
Stars: ✭ 65 (-79.5%)
Mutual labels:  apple, uikit
ALProgressView
Animated and fully customizable progress view with 2 styles: ring and bar.
Stars: ✭ 72 (-77.29%)
Mutual labels:  apple, uikit
Reactivelists
React-like API for UITableView & UICollectionView
Stars: ✭ 250 (-21.14%)
Mutual labels:  uikit, collectionview
Squaremosaiclayout
An extandable mosaic UICollectionViewLayout with a focus on extremely flexible customizations πŸ”Ά
Stars: ✭ 243 (-23.34%)
Mutual labels:  uikit, uicollectionviewlayout
Statusalert
Display Apple system-like self-hiding status alerts. It is well suited for notifying user without interrupting user flow in iOS-like way.
Stars: ✭ 809 (+155.21%)
Mutual labels:  apple, uikit
LPThumbnailView
A thumbnail view for iOS to give context to multiple images/videos using thumbnails and counter.
Stars: ✭ 54 (-82.97%)
Mutual labels:  apple, uikit
Swiftautolayout
Write constraints in a concise, expressive, Swifty way.
Stars: ✭ 83 (-73.82%)
Mutual labels:  apple, uikit
Collectionviewpaginglayout
a simple but highly customizable paging layout for UICollectionView.
Stars: ✭ 947 (+198.74%)
Mutual labels:  uikit, uicollectionviewlayout
Pagingkit
PagingKit provides customizable menu UI. It has more flexible layout and design than the other libraries.
Stars: ✭ 1,030 (+224.92%)
Mutual labels:  uikit, uicollectionviewlayout
Instagramactivityindicator
Activity Indicator similar to Instagram's.
Stars: ✭ 138 (-56.47%)
Mutual labels:  apple, uikit
ALButtonMenu
A simple, fully customizable menu solution for iOS.
Stars: ✭ 45 (-85.8%)
Mutual labels:  apple, uikit

compositional-layouts-kit Awesome

Platform Platform Language CustomLayouts API Last Commit NLOC Contributors Repo Size License

If you like the project, please give it a star ⭐ It will show the creator your appreciation and help others to discover the repo.

✍️ About

πŸ“ A set of advanced compositional layouts for UICollectionView with examples. All the layouts support both portrait and landscape orientations as well as support for all iOS and iPadOS related size classes.

πŸ“š Contents

Please wait while the .gif files are loading (there are 12 files, that weight around 200Mb)...

πŸ— Setup

There are no dependencies as well as any package managers involved. The project has more like a demo app setup e.g simply grab what you need for your needs. Each layout is wrapped into a separate UIViewController type for convenience (I could've create a separate layout factory and have just a single view controller, however, for the sake of simplicity I decided to make it possible to extract layouts with all the dependent code).

✈️ Usage

Simply grab a UIViewController type with a custom layout and adjust it for your needs. The layouts are in here.

πŸ†˜ Tips

  1. Not all layouts may look cool in landscape orientations. In order to make them look cooler and take advantage of different aspect ratio of a screen, you need to create an alternative layout that is basically the copy of the portrait layout, but has different set of fractional width and height.
  2. If you want to have different layouts in portrait and landscape device orientations, you need to use either one of the following approaches:
    • Use viewWillTransition(to size: , with coordinator:) method (of UIViewController class) and setCollectionViewLayout(, animated: completion:) method of UICollectionView class to properly animate changes of layout when changing orientation.
    • More advanced and preffered approach is to implement a custom UICollectionViewTransitionLayout, which is (a quote from Apple's Docs):

    A special type of layout object that lets you implement behaviors when changing from one layout to another in your collection view.

⚠️ Warning

The assets used in this project were taken from the Web. Do not use them for commercial purposes and proprietary projects. They are used just for demonstration only.

πŸ‘¨β€πŸ’» Author

Astemir Eleev

πŸ”– Licence

The project is available under MIT Licence

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].