iOS Segue-De izquierda a derecha-

swift xcode6

Question

He leído las otras publicaciones en segues pero ninguna soluciona mi pregunta.

En pocas palabras, mis ViewController s están ordenados, como un libro. Quiero que las transiciones hacia atrás (por ejemplo: de la página 9 a la 8) siempre estén presentes (deslizarse) de izquierda a derecha. Quiero que las transiciones hacia adelante (de la página 9 a 10) se presenten de derecha a izquierda.

Sí, mi botón de retroceso del navegador de navegación (arriba a la izquierda) se presenta así si está navegando página por página. Sin embargo, si ingresa desde un índice, la función de respaldo en el controlador de navegación lo lleva de vuelta al índice.

Mi objetivo es que si un usuario salta a la página 9 (por ejemplo) de un índice, luego deslice hacia la derecha, la página se desplace hacia la derecha y se muestre la página 8. Una vez en la página 8, si se desplazan hacia la izquierda, la página salte a la izquierda y estarán en la página 9 nuevamente.

Todos mis ViewController s están, por defecto, presentando deslizando de derecha a izquierda.

Ejemplo: Piénselo como un libro, si uso el índice para saltar al capítulo 4, luego deslizo hacia la derecha y saco una vista de la pila, volveré al índice. Pero si estás en el Capítulo 4, página 394 y deslizas hacia la derecha, ¡no quieres volver al índice! ¡Quieres ir a la última página del capítulo 3, página 393! Entonces la pila de navegación no es de ayuda para mí.

Fin del ejemplo

Detalles: 1. Estoy usando el nuevo Xcode "Mostrar" en el botón-toque para alternar entre ViewControllers.

2. Estoy usando un controlador de navegación para la funcionalidad del botón "Atrás" de la parte superior izquierda. Esto usa la pila de navegación y funciona bien.

3. Sin embargo, tengo mi propia barra de navegación personalizada en la parte inferior (botón Atrás, botón de inicio, botón de índice, botón de avance) y gestos. Con esto quiero tener funcionalidad de libro.

4. Codificando a la velocidad

5. Trabajando con Xcode 6.3

He leído que hay un código de animación. He leído que hay transiciones de programación en profundidad que se pueden usar. Parece una locura que no haya una manera sencilla de seleccionar los segmentos que quiero presentar desde la izquierda y revertir fácilmente la animación.

¡Gracias!

Intento de registro:

I tried DCDC''s code:
    UIView.transitionWithView(self.window!, duration: 0.5, options:.TransitionFlipFromLeft, animations: { () -> Void in
            self.window!.rootViewController = mainVC
            }, completion:nil)

Este error se devuelve cuando inserto el código de DCDC en un IBAction para mi IBAction hacia atrás

Answer 1

Aquí hay una clase de segregación personalizada que puede usar para realizar una transición de izquierda a derecha en Swift. Requiere marco QuartzCore y animación mínima.

Swift 2.2

import UIKit
import QuartzCore

class SegueFromLeft: UIStoryboardSegue {

    override func perform() {
        let src: UIViewController = self.sourceViewController
        let dst: UIViewController = self.destinationViewController
        let transition: CATransition = CATransition()
        let timeFunc : CAMediaTimingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
        transition.duration = 0.25
        transition.timingFunction = timeFunc
        transition.type = kCATransitionPush
        transition.subtype = kCATransitionFromLeft
        src.navigationController!.view.layer.addAnimation(transition, forKey: kCATransition)
        src.navigationController!.pushViewController(dst, animated: false)
    }

}

Swift 3.0

import UIKit
import QuartzCore

class SegueFromLeft: UIStoryboardSegue {

    override func perform() {
        let src: UIViewController = self.source
        let dst: UIViewController = self.destination
        let transition: CATransition = CATransition()
        let timeFunc : CAMediaTimingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
        transition.duration = 0.25
        transition.timingFunction = timeFunc
        transition.type = kCATransitionPush
        transition.subtype = kCATransitionFromLeft
        src.navigationController!.view.layer.add(transition, forKey: kCATransition)
        src.navigationController!.pushViewController(dst, animated: false)
    }
}

El botón "Atrás" seguirá apareciendo en la barra de navegación en el controlador de vista en transición, pero puede deshabilitar / configurar fácilmente el controlador de navegación para ese controlador de vista.

Answer 2

Así es como logro el efecto sin requerir un controlador de navegación. Pruebe esto en su lugar:

Swift 4:

import UIKit
class SegueFromLeft: UIStoryboardSegue {
    override func perform() {
        let src = self.source
        let dst = self.destination

        src.view.superview?.insertSubview(dst.view, aboveSubview: src.view)
        dst.view.transform = CGAffineTransform(translationX: -src.view.frame.size.width, y: 0)

        UIView.animate(withDuration: 0.25,
                              delay: 0.0,
                            options: .curveEaseInOut,
                         animations: {
                                dst.view.transform = CGAffineTransform(translationX: 0, y: 0)
                                },
                        completion: { finished in
                                src.present(dst, animated: false, completion: nil)
                                    }
                        )
    }
}

Swift 3:

import UIKit

class SegueFromLeft: UIStoryboardSegue
{
    override func perform()
    {
        let src = self.sourceViewController
        let dst = self.destinationViewController

        src.view.superview?.insertSubview(dst.view, aboveSubview: src.view)
        dst.view.transform = CGAffineTransformMakeTranslation(-src.view.frame.size.width, 0)

        UIView.animateWithDuration(0.25,
            delay: 0.0,
            options: UIViewAnimationOptions.CurveEaseInOut,
            animations: {
                dst.view.transform = CGAffineTransformMakeTranslation(0, 0)
            },
            completion: { finished in
                src.presentViewController(dst, animated: false, completion: nil)
            }
        )
    }
}

Luego, en el guión gráfico, haz clic en la transición que quieras cambiar. En el inspector de atributos, cambie el tipo a ''Personalizar'' y cambie la clase a ''SegueFromLeft''

Answer 3

En mi caso solía hacer un menú de la barra lateral ...

Creé un nuevo controlador de vista y dos pasos de aduanas

PARA ABRIR EL MENÚ:

import Foundation
import UIKit

class SegueFromLeft: UIStoryboardSegue {

  override func perform() {

    let src = self.source as UIViewController
    let dst = self.destination as UIViewController

    src.view.superview?.insertSubview(dst.view, aboveSubview: src.view)
    dst.view.transform = CGAffineTransform(translationX: -src.view.frame.size.width, y: 0)

    UIView.animate(withDuration: 0.25,
                               delay: 0.0,
                               options: UIViewAnimationOptions.curveEaseInOut,
                               animations: {
                                dst.view.transform = CGAffineTransform(translationX: 0, y: 0)
    },
                               completion: { finished in
                                src.present(dst, animated: false, completion: nil)
    }
    )

}

}

PARA CERRAR EL MENÚ:

import Foundation
import UIKit

class SegueFromRight: UIStoryboardSegue {

override func perform() {

    let src = self.source as UIViewController
    let dst = self.destination as UIViewController

    src.view.superview?.insertSubview(dst.view, belowSubview: src.view)
    src.view.transform = CGAffineTransform(translationX: 0, y: 0)

    UIView.animate(withDuration: 0.25,
                               delay: 0.0,
                               options: UIViewAnimationOptions.curveEaseInOut,
                               animations: {
                                src.view.transform = CGAffineTransform(translationX: -src.view.frame.size.width, y: 0)
    },
                               completion: { finished in
                                src.dismiss(animated: false, completion: nil)
    }
    )
}
}

Espero que te haya ayudado ...

Answer 4

Hola chico, tengo una solución completa solo copie y pase este código escrito rápido 3.

func menu(){
    let storyboard = UIStoryboard(name: "Main", bundle: nil)
    let vc = storyboard.instantiateViewController(withIdentifier: "MyAccountViewController") as! MyAccountViewController

    let transition: CATransition = CATransition()
    let timeFunc : CAMediaTimingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
    transition.duration = 0.5
    transition.timingFunction = timeFunc
    transition.type = kCATransitionPush
    transition.subtype = kCATransitionFromLeft
    self.navigationController?.view.layer.add(transition, forKey: kCATransition)
    self.navigationController?.pushViewController(vc, animated: false)
}

Nota: Cambie el nombre de su ViewController con el texto "MyAccountViewController".

Answer 5

Para crear un "botón de retroceso" como animación, use esto.

class SegueRightToLeft: UIStoryboardSegue {

override func perform() {
    let src = self.source       //new enum
    let dst = self.destination  //new enum

    src.view.superview?.insertSubview(dst.view, aboveSubview: src.view)
    dst.view.transform = CGAffineTransform(translationX: -src.view.frame.size.width/2, y: 0) 
    //slice the x axis translation in half

    UIView.animate(withDuration: 0.25, delay: 0.0, options: UIViewAnimationOptions.curveEaseInOut, animations: {
        dst.view.transform = CGAffineTransform(translationX: 0, y: 0)
    }) { (finished) in
        src.present(dst, animated: false, completion: nil)
    }
}

Answer 6

Parece que estás tratando de sacar un controlador de vista de la pila de UINavigationController, al igual que el botón de retroceso predeterminado.

Puedes hacer una de las dos cosas. Lo más fácil es conectar su botón Atrás personalizado a un IBAction que llama a popViewControllerAnimated ():

@IBAction func tappedCustomBackButton(sender: AnyObject) {
    self.navigationController?.popViewControllerAnimated(true)
}

O puede crear un segue de desenrollado desde su segundo controlador de vista al primero.

Answer 7

Puede usar el tipo de transición predeclarado en el método transitionWithView

UIView.transitionWithView(self.window!, duration: 0.5, options:.TransitionFlipFromLeft, animations: { () -> Void in
            self.window!.rootViewController = mainVC
            }, completion:nil)

Creo que .TransitionFlipFromLeft es el deseado

Para completar la tarea, arrastre un nuevo controlador de vista a su guión gráfico y asígnele un nombre con alguna identificación. Este va a ser el destino de la transición.

luego crea una instancia de este controlador de vista desde el código

let storyboard = UIStoryboard(name: "MyStoryboardName", bundle: nil)
let mainVC = storyboard.instantiateViewControllerWithIdentifier("someViewController") as! UIViewController

Puede hacer esto dentro de IBAction o, por ejemplo, en ViewDidLoad, pero probablemente IBAction sea la mejor opción. Preste atención para escribir los identificadores correctos para el guión gráfico y el controlador de vista. Además, debes declarar tu instancia de appDelegate. Aquí está el IBAction implementado

@IBAction func push(sender: UIButton) {

    let storyboard = UIStoryboard(name: "Main", bundle: nil)
    let mainVC = storyboard.instantiateViewControllerWithIdentifier("secondVC") as! UIViewController
    let appDelegate = UIApplication.sharedApplication().delegate as! AppDelegate

    UIView.transitionWithView(appDelegate.window!, duration: 0.5, options: .TransitionFlipFromLeft , animations: { () -> Void in
        appDelegate.window!.rootViewController = mainVC
        }, completion:nil)
}

Si esto no es lo que esperaba, probablemente desee hacer una animación personalizada. Este artículo es realmente útil: http://mathewsanders.com/animated-transitions-in-swift/

Answer 8

Respuesta aceptada actualizada en Swift 3:

import UIKit

class SegueFromLeft: UIStoryboardSegue
{
    override func perform()
    {
        let src = self.source
        let dst = self.destination

        src.view.superview?.insertSubview(dst.view, aboveSubview: src.view)
        dst.view.transform = CGAffineTransform(translationX: -src.view.frame.size.width, y: 0)

        UIView.animate(withDuration: 0.25,
            delay: 0.0,
            options: UIViewAnimationOptions.curveEaseInOut,
            animations: {
                dst.view.transform = CGAffineTransform(translationX: 0, y: 0)
            },
            completion: { finished in
                src.present(dst, animated: false, completion: nil)
            }
        )
    }
}

Answer 9

Se actualizó la respuesta aceptada a Swift 4:

class SegueFromLeft: UIStoryboardSegue
{ 
     override func perform(){

    let src = self.source
    let dst = self.destination

    src.view.superview?.insertSubview(dst.view, aboveSubview: src.view)
    dst.view.transform = CGAffineTransform(translationX: -src.view.frame.size.width, y: 0)

    UIView.animate(withDuration: 0.25,
                               delay: 0.0,
                               options: UIViewAnimationOptions.curveEaseInOut,
                               animations: {
                                dst.view.transform = CGAffineTransform(translationX: 0, y: 0)
    },
                               completion: { finished in
                                src.present(dst, animated: false, completion: nil)
    })
     }
}

Siéntase libre de copiar esto en la respuesta aceptada y eliminar este comentario. (Es una actualización directa, nada nuevo).

Answer 10

Segue from right. Puede anular la función perform en segue como a continuación. ponga esta función dentro de una clase de segue personalizada y asigne esta clase al segue. funcionará para ambos controladores con controlador de navegación y sin controlador de navegación

override func perform()
{
    let src = self.sourceViewController
    print(src)
    let dst = self.destinationViewController
    print(dst)

    src.view.superview?.insertSubview(dst.view, aboveSubview: src.view)
    dst.view.transform = CGAffineTransformMakeTranslation(src.view.frame.size.height, 0)

    UIView.animateWithDuration(0.35,
                               delay: 0.0,
                               options: UIViewAnimationOptions.CurveEaseInOut,
                               animations: {
                                dst.view.transform = CGAffineTransformMakeTranslation(0, 0)
        },
                               completion: { finished in
                                if let navController = src.navigationController {
                                    navController.pushViewController(dst, animated: false)

                                } else {
                                    src.presentViewController(dst, animated: false, completion: nil)
                                }            }
    )
}

si quieres la transición desde la izquierda, utiliza esto

CGAffineTransformMakeTranslation(-src.view.frame.size.height, 0)

Answer 11

Respuesta aceptada actualizada para Swift 3 (a partir de junio de 2017)

Segue de izquierda a derecha

import UIKit

class SegueFromLeft: UIStoryboardSegue {
    override func perform() {
        let src = self.source       //new enum
        let dst = self.destination  //new enum

        src.view.superview?.insertSubview(dst.view, aboveSubview: src.view)
        dst.view.transform = CGAffineTransform(translationX: -src.view.frame.size.width, y: 0) //Method call changed
        UIView.animate(withDuration: 0.25, delay: 0.0, options: UIViewAnimationOptions.curveEaseInOut, animations: { 
            dst.view.transform = CGAffineTransform(translationX: 0, y: 0)
        }) { (finished) in
            src.present(dst, animated: false, completion: nil) //Method call changed
        }
    }
}

Segue de derecha a izquierda

import UIKit

class SegueFromRight: UIStoryboardSegue {
    override func perform() {
        let src = self.source
        let dst = self.destination

        src.view.superview?.insertSubview(dst.view, aboveSubview: src.view)
        dst.view.transform = CGAffineTransform(translationX: src.view.frame.size.width*2, y: 0) //Double the X-Axis
        UIView.animate(withDuration: 0.25, delay: 0.0, options: UIViewAnimationOptions.curveEaseInOut, animations: { 
            dst.view.transform = CGAffineTransform(translationX: 0, y: 0)
        }) { (finished) in
            src.present(dst, animated: false, completion: nil)
        }
    }
}