Preview-transition 
The iPhone mockup available here.
Requirements
- iOS 8.0+
- Xcode 7.3
Licence
Preview-transition is released under the MIT license. See LICENSE for details.
Just add the Source folder to your project or use CocoaPods like this:
pod 'PreviewTransition'Usage
-
import PreviewTransition -
Create UITableViewController inherit, inheriting from
PTTableViewController -
Add UITableVeiwDelegate methods
public override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return <RowsCoutn>
}
public override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
return tableView.dequeueReusableCellWithIdentifier(<CellIdentifier>, forIndexPath: indexPath)
}- add a ParallaxCell
strorybords: create a cell and inherit from ParallaxCell; don't forget set the identifier
or programmatically:
register a cell in viewDidLoad tableView.registerClass(ParallaxCell, forCellReuseIdentifier:<CellIdentifier>)
-
set cell height
-
create image names (image sizes must be equal to screen size or bigger)
let images = [image_name, image_name, image_name, image_name, image_name] // image names- set image and text for ParallaxCell
public override func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
guard let cell = cell as? ParallaxCell else {
return
}
let imageName = images[indexPath.row]
if let image = UIImage(named: imageName) {
cell.setImage(image, title: <SetText>)
}
}your tableViewController should look like DemoTableViewController
Method public override func tableView(tableView: didSelectRowAtIndexPath indexPath:) we will add later. (step 10)
-
Create UIViewController, inheriting from
PTDetailViewController -
Add action for backButton and call
popViewController()
func backButtonHandler() {
popViewController()
}- Push this UIViewController in UITableViewController. Add method
public override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
// create viewController
let <YourViewController> = storyboard?.instantiateViewControllerWithIdentifier(<identifier>)
if case let viewController as <YourViewController> = viewController {
pushViewController(viewController)
}
}- Configure UINavigationBar
// transparent background
UINavigationBar.appearance().setBackgroundImage(UIImage(), forBarMetrics: .Default)
UINavigationBar.appearance().shadowImage = UIImage()
UINavigationBar.appearance().translucent = true
UINavigationBar.appearance().tintColor = .whiteColor()
// set font
if let font = UIFont(name: <Font name> , size: 18) {
UINavigationBar.appearance().titleTextAttributes = [
NSForegroundColorAttributeName : UIColor.whiteColor(),
NSFontAttributeName : font
]
}About
The project maintained by app development agency Ramotion Inc. See our other open-source projects or hire us to design, develop, and grow your product.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent