PreviewTransition is a simple preview gallery UI controller with animated tranisitions.

Ramotion

Last update: Dec 19, 2022

Related tags

Overview

PREVIEW TRANSITION

Preview Transition is a simple preview gallery UI controller with animated tranisitions

We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

Stay tuned for the latest updates:

About

This project is maintained by Ramotion, Inc.
We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

Looking for developers for your project?
This project is maintained by Ramotion, Inc. We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

Requirements

iOS 9.0+
Xcode 9

Licence

Preview-transition is released under the MIT license. See LICENSE for details.

Installation

Just add the Source folder to your project or use CocoaPods like this:

pod "PreviewTransition"

or Carthage users can simply add to their Cartfile:

github "Ramotion/preview-transition"

Usage

import PreviewTransition
Create UITableViewController inherit, inheriting from PTTableViewController
Add UITableViewDelegate methods

public override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return <RowsCount>
}

public override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    return tableView.dequeueReusableCellWithIdentifier(<CellIdentifier>, forIndexPath: indexPath)
}

add a ParallaxCell

storyboards: create a cell and inherit from ParallaxCell; don't forget set the identifier

or programmatically: register a cell in viewDidLoad tableView.registerClass(ParallaxCell, forCellReuseIdentifier: )

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

📄 License

Preview Transition is released under the MIT license. See LICENSE for details.

This library is a part of a selection of our best UI open-source projects.

If you use the open-source library in your project, please make sure to credit and backlink to https://www.ramotion.com/

📱 Get the Showroom App for iOS to give it a try

Try this UI component and more like this in our iOS app. Contact us if interested.

Comments

How i can run it on Xcode 7.2?

Ive tried to run it on Xcode 7.2 but getting this error.

Type of expression is ambiguous without more context

. Can anyone please tell me how i can resolve it or anyone please send me that project for 7.2. Thanks

Error

opened by zafar007 2
Can't show DetailViewController on didSelectRowAt

fatalError("current cell is empty or add navigationController")

Couldn't find a way around after some good time searching in the Xcode example project and digging in stackoverflow, i appreciate any help.

opened by ElyDantas 1
Image Content Mode

How to set image content mode after loading image into ImageView ?

Tried many ways, no success:

cell.imageView?.contentMode = .scaleAspectFit cell.bgImage?.contentMode = .scaleAspectFit cell.backgroundView?.contentMode = .scaleAspectFit

opened by ElyDantas 1
How to change opened cell view?

I want to change the image view to the top rather than in center and the animation to be as it is ( image moving to center on the out). Help me out on this.

opened by RFyre00 1
Use of unresolved operator '>>>-' complie in swift 3 error

[NSLayoutAttribute.left, .right, .bottom, .top].forEach { attribute in (self.controlView, screnShotImageView) >>>- { $0.attribute = attribute return }

Use of unresolved operator '>>>-'

please help me thanks

opened by zhiblin 1
Inspectable foregroundAlpha not working

I implemented the library and it works great, but when I set the tableCell inspectable foregroundAlpha it just ignore it and keep using the default 0.5 value, another issue is the foregroundColor is not showing as inspectable when I select the tableCell, can you help me to figure out how to fix this?

opened by ghernagon 0
Visual glitch on closing cell (when having cells fewer than screen height)
Hello,

First of all, I want to say thanks for this awesome lib!

But I'm having some visual glitches when collapsing cells if total height of cells is less than screen size (e.g. having just one cell):

I was able also to reproduce this bug in demo project:

Change DemoTableViewController to return 1 instead of 100 tableView(_: UITableView, numberOfRowsInSection _: Int) method

Launch app, select single cell

When clicking on <, cell collapse with a visual glitch

Any idea of how this can be fixed?

Thank you in advance, Anton
opened by antonc27 0
demo issues

The demo has some unusual setups that will take to understand without proper commenting, so i thought to just ask. Why two back buttons on the detail view, and why does commenting one out or th other cause such erratic animation on the return to the main view?

And.. none of the buttons are hooked up, and my usual code techniques employed in many other apps to attach a tap gesture to a view are not working. A dropped button works but not the tap. I suspect your overlays may somehow be eating the tap (but then why does the button itself work?)

opened by wdcurry 3
How to set with Programmatically?

Hi @RamotionRussell

I'm trying to use this library with fullcode or programmatically not with storyboard or xib, so how to use this library or you can make example to use it. i'm very thanks for you 👍

opened by devcaststudio 0