FTFoldingPaper alternatives and similar libraries
Based on the "Table View / Collection View" category.
Alternatively, view FTFoldingPaper alternatives based on common mentions on social networks and blogs.
-
SwipeCellKit
Swipeable UITableViewCell/UICollectionViewCell based on the stock Mail.app, implemented in Swift. -
MCSwipeTableViewCell
DISCONTINUED. 👆 Convenient UITableViewCell subclass that implements a swippable content to trigger actions (similar to the Mailbox app). -
HGPlaceholders
Nice library to show placeholders and Empty States for any UITableView/UICollectionView in your project -
ReverseExtension
A UITableView extension that enables cell insertion from the bottom of a table view. -
Bohr
DISCONTINUED. Bohr allows you to set up a settings screen for your app with three principles in mind: ease, customization and extensibility. -
CenteredCollectionView
A lightweight UICollectionViewLayout that 'pages' and centers its cells 🎡 written in Swift -
CascadingTableDelegate
A no-nonsense way to write cleaner UITableViewDelegate and UITableViewDataSource in Swift. -
ListPlaceholder
ListPlaceholder is a swift library allows you to easily add facebook style animated loading placeholder to your tableviews or collection views. -
GLTableCollectionView
Netflix and App Store like UITableView with UICollectionView, written in pure Swift 4.2 -
KDDragAndDropCollectionView
This component allows for the transfer of data items between collection views through drag and drop -
DataSources
💾 🔜📱 Type-safe data-driven CollectionView, TableView Framework. (We can also use ASCollectionNode) -
DTTableViewManager
Protocol-oriented UITableView management, powered by generics and associated types. -
TLIndexPathTools
TLIndexPathTools is a small set of classes that can greatly simplify your table and collection views. -
CollapsibleTableSectionViewController
:tada: Swift library to support collapsible sections in a table view. -
RHPreviewCell
I envied so much Spotify iOS app this great playlist preview cell 😍, I decided to create my own one 🌶. Now you can give your users ability to quick check "what content is hidden under your UITableViewCell". Great think is that this Library not requires 3D Touch support from user device💥. -
SquareMosaicLayout
An extandable mosaic UICollectionViewLayout with a focus on extremely flexible customizations :large_orange_diamond: -
HoverConversion
DISCONTINUED. HoverConversion realized vertical paging with UITableView. UIViewController will be paging when reaching top or bottom of UITableView contentOffset. -
GenericDataSource
A generic small reusable components for data source implementation for UITableView/UICollectionView in Swift. -
PJFDataSource
PJFDataSource is a small library that provides a simple, clean architecture for your app to manage its data sources while providing a consistent user interface for common content states (i.e. loading, loaded, empty, and error). -
AZCollectionViewController
Easy way to integrate pagination with dummy views in CollectionView, make Instagram "Discover" within minutes.
WorkOS - The modern identity platform for B2B SaaS
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of FTFoldingPaper or a related project?
README
FTFoldingPaper
FTFoldingPaper is a UI framework built on top of the Core Animation. It is designed to emulate paper folding effects and can be integrated with UITableView, used independently or paired with other UI components.
How To Get Started
- Download FTFoldingPaper and try it out.
- Install FTFoldingPaper to your project using CocoaPods.
- Follow instructions below.
Installation with CocoaPods
CocoaPods is a dependency manager, which automates and simplifies the process of using 3rd-party libraries like FTFoldingPaper in your projects.
You can install CocoaPods with the following command:
$ sudo gem install cocoapods
Then execute:
$ cd <path to your project folder>
$ pod init
Open pod file for edit with Xcode or another editor:
$ open -a Xcode podfile
Add the following text under "target 'your project name' do" line:
pod 'FTFoldingPaper'
Finally, execute:
$ pod install
You're done! Now open your project by clicking on the newly created xcworkspace file.
Architecture:
Paper folding animation:
FTFoldComponent
FTAnimationView
FTAnimationContext
FTParentLayerAnimations
FTFoldComponentAnimations
FTFoldComponentGradientAnimations
Integration with UITableView:
FTViewController
FTTableModel
FTTableCellMetadata
FTTableView
FTTableCell
FTTableCellSeparator
Usage:
- Create xibs of the top and bottom layers for all your fold components.
Note that each fold component requires top and bottom layers.
1.1 Press '⌘ + N'. Select "User Interface" -> "View"
1.2 Open and edit each xib according to your needs: (add UI components, setup Autolayout).
1.3 Create data model object to manage UI components of your layer, if any required.
- Subclass and configure
FTAnimationView
withFTFoldComponents
andFTAnimationContext
.
FTAnimationView
hosts fold components and manages animation. Animation process is configured with FTAnimationContext
Override the next two methods in FTAnimationView
:
/* example of animation view with 2 fold components*/
-(NSArray *)submitFoldComponents{
FTFoldComponent *foldComponentA = [[FTFoldComponent alloc]initWithSuperView:self
topViewNibName:@<your top layer xib name>
bottomViewNibName:@<your bottom layer xib name>];
FTFoldComponent *foldComponentB = [[FTFoldComponent alloc]initWithSuperView:self
topViewNibName:@<your top layer xib name>
bottomViewNibName:@<your bottom layer xib name>];
return @[foldComponentA,foldComponentB];
}
/* please refer to FTAnimationContext interface to get the
full list of possible configuration parameters */
-(void)configureAnimationContext:(FTAnimationContext *)animationContext{
animationContext.expandAnimationDuration = 0.6f;
animationContext.collapseAnimationDuration = 0.6f;
animationContext.foldAngleFinalValue = - M_PI/6;
animationContext.animationMediaTimingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
}
At this point you have FTAnimationView
that is ready to be used in your UI.
Continue with steps 3 - 7 if you need to integrate it into the UITableView
component.
Usage with UITableView:
- Subclass
FTTableCell
and create cell prototype. You can create as many different cells as you need in order to fulfill your UI tasks.
3.1 Press '⌘ + N'. Create new subclass of UITableViewCell
. Tick "Also create XIB file".
3.2 Open .h file of your class. Change parent class to FTTableCell
like this:
@interface <your class name> : FTTableCell
3.3 Open and edit cell xib according to your needs: (add UI components, setup Autolayout).
3.4 Create data model object to manage UI components of your cell if any required.
3.5 Set cell identifier.
- Configure each subclassed
FTTableCell
withFTAnimationView
andFTTableCellSeparator
overriding following methods inFTTableCell
:
-(FTAnimationView *)submitAnimationView{
return [[<name of your FTAnimationView subclass> alloc]init];
}
/* do not override if you need cell without separator */
-(FTTableCellSeparator *)submitCellSeparator{
return [[FTTableCellSeparator alloc]initWithHeight:1.0f
offsetFromCellLeftEdge:0.0f
offsetFromCellRightEdge:0.0f
color:[UIColor colorWithRed:92.0f/255.0f green:94.0f/255.0f blue:102.0f/255.0f alpha:0.1f]];
}
- Subclass and configure
FTTableModel
.FTTableModel
is responsible for the architecture of your table view: which cells are used and in which order. It can manageFTTableCell
andUITableViewCell
cells in any combinations.
Override the following methods in FTTableModel
:
-(NSDictionary *)submitCellsIDs{
return @{@"<id of your cell>":@"<xib name of your cell>"};
}
/* Submit your table architecture. In this example, the table consists only of cells of one type. You can implement any custom architecture combining different cell types for different rows */
-(NSArray *)submitTableCellsMetadata{
NSMutableArray *cellsMetadata = [[NSMutableArray alloc]init];
for (NSInteger i = 0; i < kNumberOfCellsInTable; i++) {
FTTableCellMetadata *tableCellMetadata = nil;
tableCellMetadata = [[FTTableCellMetadata alloc]initWithReuseID:@"<xib name of your cell>" isExpandable:YES isExpanded:NO];
[cellsMetadata addObject:tableCellMetadata];
}
return cellsMetadata;
}
- Add TableView UI component to your controller in the storyboard.
6.1 Configure your TableView UI component.
6.2 Set FTTableView
as the custom class for your table (in storyboard settings).
- Subclass and configure
FTTableViewController
.
FTTableViewController
bridgesFTTableView
withFTTableModel
and provides other logic to manage cells operations.
7.1 In your subclassed FTTableViewController
, link your FTTableView
and subscribe for UITableViewDelegate
and UITableViewDataSource
protocols. Example:
self.tableView.dataSource = self;
self.tableView.delegate = self;
7.2 Override the following methods in your subclassed FTTableViewController
:
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
return [super tableView:tableView numberOfRowsInSection:section];
}
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
return [super tableView:tableView cellForRowAtIndexPath:indexPath];
}
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
return [super tableView:tableView heightForRowAtIndexPath:indexPath];
}
-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{
[self updateDisplayedDataForCell:cell atIndexPath:indexPath];
}
7.3 Implement your data model to manage the content of your cells.
7.4 Implement mechanism to update the content of your cells using your data model.
You can override -(void)tableView: willDisplayCell: forRowAtIndexPath:
for that purpose.
License
This project is licensed under the MIT License - see the LICENSE.md file for details
*Note that all licence references and agreements mentioned in the FTFoldingPaper README section above
are relevant to that project's source code only.