https://github.com/xyfeng/XYOrigami

https://github.com/xyfeng/XYOrigami

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/xyfeng/XYOrigami
• Owner: xyfeng
• License: mit
• Created: 2012-05-28T15:08:22.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2012-08-28T03:18:58.000Z (over 12 years ago)
• Last Synced: 2023-10-20T23:54:06.570Z (about 1 year ago)
• Language: JavaScript
• Size: 2.43 MB
• Stars: 658
• Watchers: 39
• Forks: 91
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

• awesome - XYOrigami - null (etc)
• awesome - XYOrigami - null (etc)

README

        
# XYOrigami

XYOrigami is an simple and easy-to-use view transition for iOS app. Inspired by HonCheng’s next train [video](http://www.honcheng.com/2012/02/Playing-with-folding-navigations), XYOrigami is a simpler version of folding transition. It is an add-on category of UIView, with two functions you can animate showing/hiding another view.

 

[UPDATE] If you are looking for dragging support, please check out HonCheng's [git](https://github.com/honcheng/PaperFold-for-iOS).

## Features

* Category of UIView

* Customize the number of paper folds

* Support two opening directions(left & right)

* Easy adjust animation duration

* Completion block call back function

* ARC(Automatic Reference Counting) support

* Support top and bottom directions[UPDATE]

## Installation

* Drag the XYOrigami/XYOrigami folder into your project.

* Add the QuartzCore framework to your project.

## Usage

(see example Xcode project in /Demo)

### Open view transition

	[self.centerView showOrigamiTransitionWith:self.sideView

								 NumberOfFolds:2

									  Duration:0.5

									 Direction:XYOrigamiDirectionFromRight

									completion:^(BOOL finished) {

										NSLog(@"animation completed.");

									}];

### Close view transition:

	[self.centerView hideOrigamiTransitionWith:self.sideView

								 NumberOfFolds:2

									  Duration:0.5

									 Direction:XYOrigamiDirectionFromRight

									completion:^(BOOL finished) {

										NSLog(@"animation completed.");

									}];

## Demo

(see demo video on [Vimeo](http://vimeo.com/42979668))

![image](https://github.com/xyfeng/XYOrigami/raw/master/Demo/Demo.gif)

## Credit

XYOrigami is brought to you by [XY Feng](http://xystudio.cc/)