TORoundedTableView alternatives and similar libraries
Based on the "Table View / Collection View" category.
Alternatively, view TORoundedTableView alternatives based on common mentions on social networks and blogs.
-
IGListKit
A data-driven UICollectionView framework for building fast and flexible lists. -
SwipeCellKit
Swipeable UITableViewCell/UICollectionViewCell based on the stock Mail.app, implemented in Swift. -
CHTCollectionViewWaterfallLayout
The waterfall (i.e., Pinterest-like) layout for UICollectionView. -
MCSwipeTableViewCell
👆 Convenient UITableViewCell subclass that implements a swippable content to trigger actions (similar to the Mailbox app). -
YBSlantedCollectionViewLayout
A CollectionView Layout displaying a slanted cells -
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
Bohr allows you to set up a settings screen for your app with three principles in mind: ease, customization and extensibility. -
TimelineTableViewCell
Simple timeline view implemented by UITableViewCell -
CenteredCollectionView
A lightweight UICollectionViewLayout that 'pages' and centers its cells 🎡 written in Swift -
BATabBarController
A TabBarController with a unique animation for selection -
ExpandableCell
✨ Awesome expandable, collapsible tableview cell for iOS written in Swift 5 -
CascadingTableDelegate
A no-nonsense way to write cleaner UITableViewDelegate and UITableViewDataSource in Swift. -
CardsLayout
:star: Custom card-designed CollectionView layout -
GLTableCollectionView
Netflix and App Store like UITableView with UICollectionView, written in pure Swift 4.2 -
FMMosaicLayout
A drop-in mosaic collection view layout with a focus on simple customizations. -
ListPlaceholder
ListPlaceholder is a swift library allows you to easily add facebook style animated loading placeholder to your tableviews or collection views. -
SwiftSpreadSheet
Spreadsheet CollectionViewLayout in Swift. Fully customizable. 🔶 -
KDDragAndDropCollectionView
This component allows for the transfer of data items between collection views through drag and drop -
MYTableViewIndex
A pixel perfect replacement for UITableView section index, written in Swift -
TableFlip
A simpler way to do cool UITableView animations! (╯°□°)╯︵ ┻━┻ -
DataSources
💾 🔜📱 Type-safe data-driven CollectionView, TableView Framework. (We can also use ASCollectionNode) -
TableViewDragger
A cells of UITableView can be rearranged by drag and drop. -
DTTableViewManager
Protocol-oriented UITableView management, powered by generics and associated types. -
SwiftReorder
Easy UITableView drag-and-drop cell reordering -
TLIndexPathTools
TLIndexPathTools is a small set of classes that can greatly simplify your table and collection views. -
YNExpandableCell
✨ Awesome expandable, collapsible tableview cell for iOS written in Swift 4 -
CollapsibleTableSectionViewController
:tada: Swift library to support collapsible sections in a table view. -
TLLayoutTransitioning
Enhanced transitioning between UICollectionView layouts in iOS. -
ExpyTableView
Make your table view expandable just by implementing one method. -
ASCollectionView
Lightweight custom collection view inspired by Airbnb. -
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💥. -
PagingView
Infinite paging, Smart auto layout, Interface of similar to UIKit. -
TRMosaicLayout
A mosaic collection view layout inspired by Lightbox's Algorithm, written in Swift 🔶 -
SquareMosaicLayout
An extandable mosaic UICollectionViewLayout with a focus on extremely flexible customizations :large_orange_diamond: -
SectionScrubber
A component to quickly scroll between collection view sections -
HoverConversion
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. -
WheelPicker
Customizable wheel picker view implementation for iOS. -
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. -
AZTableViewController
Elegant and easy way to integrate pagination with dummy views -
EditDistance
Incremental update tool to UITableView and UICollectionView -
ThreeLevelAccordian
Three Level Accordian View for IOS -
ios-dragable-table-cells
Objective-C library for drag-n-drop of UITableViewCells in a navigation hierarchy of view controllers.
Appwrite - The open-source backend cloud platform
* 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 TORoundedTableView or a related project?
README
TORoundedTableView
[TORoundedTableView](screenshot.jpg)
As of iOS 13, Apple has released an official version of this table view style called UITableViewStyleInsetGrouped
! Yay! In order to officially adopt this style, while still providing backwards compatibility to iOS 11, I've created a new library called TOInsetGroupedTableView
. Moving forward, please only use TORoundedTableView
if you still need to support iOS 10 or lower in your apps. :)
TORoundedTableView
is a subclass of the standard UIKit UITableView
class. Harkening back to the days of iOS 6, it overrides the standard grouped UITableView
appearence and behaviour to match the borderless, rounded corner style seen in the Settings app on every iPad since iOS 7.
As iOS device screens increased (Like iPhone 6 Plus and the original iPad Pro), there are a lot of UI design cases where the 'edge-to-edge' style of the stock grouped UITableView
doesn't make sense, and will end up looking rather distorted in ultra-wide regions.
Features
- Integrates with
UITableViewController
(On account of thetableView
property being mutable!) - Relatively autonomous operation with only a few extra APIs required.
- Optimized to the absolute nth-degree to ensure no drops in performance or broken animations.
- Reverts back to the standard table view style in compact trait collections (Just like in Settings.app)
- Corner radius graphics are procedurally generated and can be customized on the fly.
Sample Code
TORoundedTableView
can easily be integrated into UITableViewController
all you need to do is replace the UITableView
object stored in the controller's tableView
property befor it is shown on-screen.
TORoundedTableView
tries to be as hands-off as possible in the amount of extra delegate
/ dataSource
code necessary to write. However, in order to ensure maximum efficiency, a few extra bits of code are required:
In a standard UITableViewController
implementing TORoundedTableView
, the tableView:cellForRowAtIndexPath:
data source method would look like this:
- (UITableViewCell *)tableView:(TORoundedTableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
/*
Because the first and last cells in a section (dubbed the 'cap' cells) do a lot of extra work on account of the rounded corners,
for ultimate efficiency, it is recommended to create those ones separately from the ones in the middle of the section.
*/
// Create identifiers for standard cells and the cells that will show the rounded corners
static NSString *cellIdentifier = @"Cell";
static NSString *capCellIdentifier = @"CapCell";
// Work out if this cell needs the top or bottom corners rounded (Or if the section only has 1 row, both!)
BOOL isTop = (indexPath.row == 0);
BOOL isBottom = indexPath.row == ([tableView numberOfRowsInSection:indexPath.section] - 1);
// Create a common table cell instance we can configure
UITableViewCell *cell = nil;
// If it's a non-cap cell, dequeue one with the regular identifier
if (!isTop && !isBottom) {
TORoundedTableViewCell *normalCell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
if (normalCell == nil) {
normalCell = [[TORoundedTableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellIdentifier];
}
cell = normalCell;
}
else {
// If the cell is indeed one that needs rounded corners, dequeue from the pool of cap cells
TORoundedTableViewCapCell *capCell = [tableView dequeueReusableCellWithIdentifier:capCellIdentifier];
if (capCell == nil) {
capCell = [[TORoundedTableViewCapCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:capCellIdentifier];
}
// Configure the cell to set the appropriate corners as rounded
capCell.topCornersRounded = isTop;
capCell.bottomCornersRounded = isBottom;
cell = capCell;
}
// Configure the cell's label
cell.textLabel.text = [NSString stringWithFormat:@"Cell %ld", indexPath.row+1];
// Since we know the background is white, set the label's background to also be white for performance optimizations
cell.textLabel.backgroundColor = [UIColor whiteColor];
cell.textLabel.opaque = YES;
// Return the cell
return cell;
}
Installation
TORoundedTableView
will work with iOS 8 and above. While written in Objective-C, it should easily import into Swift as well.
Manual Installation
To manually install this library in your app, simply download a copy of this repo. When the download has completed, copy the contents of the TORoundedTableView
folder to your app project folder, and then import it into your Xcode project.
CocoaPods
To integrate TORoundedTableView
, simply add the following to your podfile:
pod 'TORoundedTableView'
Carthage
To integrate TORoundedTableView
, simply add the following to your Cartfile:
github "TimOliver/TORoundedTableView"
Classes
TORoundedTableView
consists of 4 separate classes that are used in tandem together to achieve the desired functionality.
TORoundedTableView
A very basic subclass wrapper for UITableView
that overrides the original 'edge-to-edge' philosophy by manually re-laying out all of the content views in a more narrow column. It also creates and manages the rounded corner image assets, so they can be efficiently shared amongst all cells.
TORoundedTableViewCell
A very small wrapper for UITableViewCell
that internally overrides the cell's frame
property, constraining all cells to the narrower column width of the parent TORoundedTableView
.
TORoundedTableViewCapCell
A subclass of TORoundedTableViewCell
that provides the additional logic needed to manage the views responsible for drawing the rounded corners, and overriding the UITableViewCell
behaviour of placing hairline borders on the top and bottoms of sections.
TORoundedTableViewCellBackground
The view in charge of drawing the rounded edges on the cells at the top and bottom of the section, instances are set as the backgroundView
and selectedBackgroundView
for each TORoundedTableViewCapCell
. The drawing is handled by 3 solid CALayer
objects that fill the view, and 4 additional CALayer
objects that draw the rounded edge image in each corner.
CALayer
objects were used instead of UIView
to avoid UITableViewCell
's implicit behaviour of making backgroundView
subviews transparent when tapped, and the laying out of a grid of layers was to ensure only the elements in the corner needed alpha-blending (For performance reasons).
Contributing
This view is still very much in its infancy, and a lot of it hasn't been tested beyond what's in the example app. If you have a specific use case for this view, or an idea to make it better, I'd love to hear about it. Please file an issue outlining it, and if you're up for filing a PR, that would be fantastic.
Why build this?
Since a similar style of UITableView
has been prevalent in Settings.app on iPad since 2013, I'd always assumed that it was relatively trivial to modify a table view to that style if ever needed.
That assumption was put to the test one week back in 2016 when I needed to create a login view controller for a test app I was building at work. It turns out that assumption was very wrong and overriding UITableView
's edge-to-edge design scheme is actually incredibly difficult.
Given the time constraints at work, I came up with a 'compromise' that let me deliver the code on time, but I was left being really curious to see if this sort of table view style could actually be done 'properly'.
So I decided to spend several evenings this past week to implement a more elegant version of the same idea.
It turns out it really isn't easy. UITableView
tries to reset its UI on every tick of layoutSubviews
, and UITableViewCell
has a lot of implicit behaviour that messed with the 'cap' background views.
In any case, after much perseverance I'm really happy I managed to get it working to a point where it's indistinguishable from the Settings.app table view. It's this sort of thrill I absolutely love in programming. :D
Credits
TORoundedTableView
was created by Tim Oliver as an experiment in insanity of reliably hacking UITableView
.
iPhone XR device mockup by Pixeden.
License
TORoundedTableView
is available under the MIT license. Please see the [LICENSE](LICENSE) file for more information.
*Note that all licence references and agreements mentioned in the TORoundedTableView README section above
are relevant to that project's source code only.