All Projects → Kharauzov → Cardsholder

Kharauzov / Cardsholder

Licence: mit
Demonstration of complex interface layouts using child view controllers in iOS 🦾

Programming Languages

swift
15916 projects

Projects that are alternatives of or similar to Cardsholder

Swipeablecards
Demonstration of draggable transition for UIViewController with swipeable UICollectionView cells inside.
Stars: ✭ 52 (+116.67%)
Mutual labels:  transition, interactive
Aicustomviewcontrollertransition
Easy and tidy way for creating custom UIViewController transitions for iOS
Stars: ✭ 130 (+441.67%)
Mutual labels:  transition, interactive
Transition
Easy interactive interruptible custom ViewController transitions
Stars: ✭ 2,566 (+10591.67%)
Mutual labels:  transition, interactive
Stateless4j
Lightweight Java State Machine
Stars: ✭ 658 (+2641.67%)
Mutual labels:  transition
Splarkcontroller
Custom transition between controllers. Settings controller for your iOS app.
Stars: ✭ 693 (+2787.5%)
Mutual labels:  transition
Depth
Add some Depth to your fragments
Stars: ✭ 789 (+3187.5%)
Mutual labels:  transition
Materialdesignsamples
Material Design 系列控件samples,讲了Material Design 系列新控件的使用方法和一些场景示例,使用详情请看对应博客,持续更新中...
Stars: ✭ 900 (+3650%)
Mutual labels:  cardview
Heatmap.js
🔥 JavaScript Library for HTML5 canvas based heatmaps
Stars: ✭ 5,685 (+23587.5%)
Mutual labels:  interactive
Element Motion
Tween between view states with declarative zero configuration element motions for React
Stars: ✭ 828 (+3350%)
Mutual labels:  transition
Drawerkit
DrawerKit lets an UIViewController modally present another UIViewController in a manner similar to the way Apple's Maps app works.
Stars: ✭ 755 (+3045.83%)
Mutual labels:  transition
Transitionabletab
TransitionableTab makes it easy to animate when switching between tab.
Stars: ✭ 740 (+2983.33%)
Mutual labels:  transition
Flowing Gradient
Android Library to make a flowing gradient effect, similar to that used in Instagram Android login screen
Stars: ✭ 701 (+2820.83%)
Mutual labels:  transition
Shellen
🌸 Interactive shellcoding environment to easily craft shellcodes
Stars: ✭ 799 (+3229.17%)
Mutual labels:  interactive
Oji
(◕‿◕) Text Emoticons Maker
Stars: ✭ 668 (+2683.33%)
Mutual labels:  interactive
Laravel Stager
Laravel Stager State Machine, Its purpose is to add state machine functionality to models
Stars: ✭ 16 (-33.33%)
Mutual labels:  transition
Macaw
Powerful and easy-to-use vector graphics Swift library with SVG support
Stars: ✭ 5,756 (+23883.33%)
Mutual labels:  transition
Score
ossia score, an interactive sequencer for the intermedia arts.
Stars: ✭ 808 (+3266.67%)
Mutual labels:  interactive
Ypnavigationbartransition
A Full functional UINavigationBar framework for making bar transition more natural! You don't need to call any UINavigationBar api, implementing YPNavigationBarConfigureStyle protocol for your view controller instead. (类似微信 iOS Navigation Bar 的切换方案)
Stars: ✭ 725 (+2920.83%)
Mutual labels:  transition
Bowtie
Create a dashboard with python!
Stars: ✭ 724 (+2916.67%)
Mutual labels:  interactive
Stately.js
Stately.js is a JavaScript based finite-state machine (FSM) engine for Node.js and the browser.
Stars: ✭ 785 (+3170.83%)
Mutual labels:  transition

Swift Platform License

Sense

I created this project to demonstrate the power of child view controllers in iOS development. But in order to avoid boring and simple interfaces in this concept, I was using interactive views and custom transitions 😎 Please check attached video below, demonstrating how it works.

  • This project contains only pure Swift❤️
  • No third-party frameworks and Pods.

I wrote an article on Medium about child view controllers. You can find some code explanations from this project in that article too.

Here is a shot on Dribbble.

Presentation

Key things:

  1. UIPanGestureRecognizer for dragging cards.
  2. CADisplayLink for accurate observing of frames changes in animations.
  3. UIView.animate{} blocks for most of the animations.
  4. CABasicAnimation for shadow layer.
  5. UIViewControllerTransitioningDelegate for custom transition to Details scene.
  6. All UI is made programmatically, thus it’s reusable. No xibs, no storyboards.

Structure of the screen

Here is a structure of main screen.
ProfileViewController - as a parent view controller, subclassed from CardsHolderViewController. It contains such child view controllers:

  1. ProfileShortInfoViewController (top part of the screen)
  2. ProfileActivityViewController (activity card)
  3. RecommendationsViewController (recommended card)

If you open recommended card, there will be such state for the screen:
Fully visible RecommendationsViewController, that contains tableView with cells, each of which holds child view controller subclassed from RecommendationsSliderViewController.

Feedback

If you have any questions or suggestions, feel free to open issue just at this project.

License

CardsHolder and all its classes are available under the MIT license. See the LICENSE file for more info.

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