ios - open - swift present modal view controller programmatically

Presentar el controlador de vista modal en el controlador principal de tamaño medio

Question

Estoy tratando de presentar el controlador de vista modal en otro controlador de vista del tamaño del controlador de vista medio primario. Pero siempre presente en vista de pantalla completa.

He creado un controlador View de tamaño libre en mi guión gráfico con un tamaño de marco fijo. 320 x 250.

var storyboard = UIStoryboard(name: "Main", bundle: nil)
var pvc = storyboard.instantiateViewControllerWithIdentifier("CustomTableViewController") as ProductsTableViewController
self.presentViewController(pvc, animated: true, completion: nil)

He intentado configurar frame.superview y no ayuda.

Por favor aconséjame.

Answer 1

Jannis capturó bien la estrategia general. No funcionó para mí en iOS 9.x con swift 3. En el VC actual, la acción para lanzar el VC presentado es similar a lo que se presentó anteriormente con algunos cambios menores como los siguientes:

let storyboard = UIStoryboard(name: "Main", bundle: nil)
let pvc = storyboard.instantiateViewController(withIdentifier: "SomeScreen") as SomeViewController
pvc.modalPresentationStyle = .custom
pvc.transitioningDelegate = self
present(pvc, animated: true, completion: nil)

Para implementar UIViewControllerTransitioningDelegate en el mismo VC de presentación, la sintaxis es bastante diferente como se destaca en la respuesta SO en https://.com/a/39513247/2886158 . Esta fue la parte más difícil para mí. Aquí está la implementación del protocolo:

func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? {
return HalfSizePresentationController(presentedViewController:presented, presenting: presenting)
}

Para la clase UIPresentationController , tuve que anular la variable frameOfPresentedViewInContainerView , no el método, como se muestra a continuación:

class HalfSizePresentationController: UIPresentationController {
override var frameOfPresentedViewInContainerView: CGRect {
return CGRect(x: 0, y: 0, width: containerView!.bounds.width, height: containerView!.bounds.height/2)
}
}

Hubo algunas preguntas sobre cómo descartar la vista después de la presentación. Puede implementar toda la lógica habitual en su VC presentada como cualquier otro VC. Implemento una acción para descartar la vista en SomeViewController cuando un usuario SomeViewController pestañas fuera del VC presentado.

Answer 2

Para agregar a la respuesta de Jannis:

En caso de que su vista emergente sea un UIViewController al que AGREGA una tabla en la carga / configuración, deberá asegurarse de que el marco de la tabla que cree coincida con el ancho deseado de la vista real.

Por ejemplo:

let tableFrame: CGRect = CGRectMake(0, 0, chosenWidth, CGFloat(numOfRows) * rowHeight)

donde selectedWidth es el ancho que estableció en su clase personalizada (en lo anterior: containerView.bounds.width )

No es necesario imponer nada en la celda, ya que el contenedor de la tabla (al menos en teoría) debe forzar la celda al ancho correcto.

Answer 3

Puede utilizar un UIPresentationController para lograr esto.

Para esto, permite que ViewController presente implemente UIViewControllerTransitioningDelegate y devuelva su PresentationController para la presentación de tamaño medio:

func presentationControllerForPresentedViewController(presented: UIViewController, presentingViewController presenting: UIViewController!, sourceViewController source: UIViewController) -> UIPresentationController? {
return HalfSizePresentationController(presentedViewController: presented, presentingViewController: presenting)
}

Al presentar, configura el estilo de presentación en .Custom y configure su delegado de transición:

pvc.modalPresentationStyle = UIModalPresentationStyle.Custom
pvc.transitioningDelegate = self

El controlador de presentación solo devuelve el marco para el controlador de vista presentado:

class HalfSizePresentationController : UIPresentationController {
override func frameOfPresentedViewInContainerView() -> CGRect {
return CGRect(x: 0, y: 0, width: containerView.bounds.width, height: containerView.bounds.height/2)
}
}

Aquí está el código de trabajo en su totalidad:

class ViewController: UIViewController, UIViewControllerTransitioningDelegate {
@IBAction func tap(sender: AnyObject) {
var storyboard = UIStoryboard(name: "Main", bundle: nil)
var pvc = storyboard.instantiateViewControllerWithIdentifier("CustomTableViewController") as UITableViewController
pvc.modalPresentationStyle = UIModalPresentationStyle.Custom
pvc.transitioningDelegate = self
pvc.view.backgroundColor = UIColor.redColor()
self.presentViewController(pvc, animated: true, completion: nil)
}
func presentationControllerForPresentedViewController(presented: UIViewController, presentingViewController presenting: UIViewController!, sourceViewController source: UIViewController) -> UIPresentationController? {
return HalfSizePresentationController(presentedViewController: presented, presentingViewController: presentingViewController)
}
}
class HalfSizePresentationController : UIPresentationController {
override func frameOfPresentedViewInContainerView() -> CGRect {
return CGRect(x: 0, y: 0, width: containerView.bounds.width, height: containerView.bounds.height/2)
}
}

Answer 4

Sería un arquitecto limpio si presiona algún método delegado de UIViewControllerTransitioningDelegate en su ViewController que desea estar presente en la mitad modal.

Suponiendo que tengamos ViewControllerA presentamos ViewControllerB con medio modal.

en ViewControllerA solo presente ViewControllerB con modalPresentationStyle personalizado

func gotoVCB(_ sender: UIButton) {
let vc = ViewControllerB()
vc.modalPresentationStyle = .custom
present(vc, animated: true, completion: nil)
}

Y en ViewControllerB:

import UIKit
final class ViewControllerB: UIViewController {
lazy var backdropView: UIView = {
let bdView = UIView(frame: self.view.bounds)
bdView.backgroundColor = UIColor.black.withAlphaComponent(0.5)
return bdView
}()
let menuView = UIView()
let menuHeight = UIScreen.main.bounds.height / 2
var isPresenting = false
init() {
super.init(nibName: nil, bundle: nil)
modalPresentationStyle = .custom
transitioningDelegate = self
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = .clear
view.addSubview(backdropView)
view.addSubview(menuView)
menuView.backgroundColor = .red
menuView.translatesAutoresizingMaskIntoConstraints = false
menuView.heightAnchor.constraint(equalToConstant: menuHeight).isActive = true
menuView.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true
menuView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
menuView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
let tapGesture = UITapGestureRecognizer(target: self, action: #selector(ViewControllerB.handleTap(_:)))
backdropView.addGestureRecognizer(tapGesture)
}
func handleTap(_ sender: UITapGestureRecognizer) {
dismiss(animated: true, completion: nil)
}
}
extension ViewControllerB: UIViewControllerTransitioningDelegate, UIViewControllerAnimatedTransitioning {
func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
return self
}
func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
return self
}
func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
return 1
}
func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
let containerView = transitionContext.containerView
let toViewController = transitionContext.viewController(forKey: UITransitionContextViewControllerKey.to)
guard let toVC = toViewController else { return }
isPresenting = !isPresenting
if isPresenting == true {
containerView.addSubview(toVC.view)
menuView.frame.origin.y += menuHeight
backdropView.alpha = 0
UIView.animate(withDuration: 0.4, delay: 0, options: [.curveEaseOut], animations: {
self.menuView.frame.origin.y -= self.menuHeight
self.backdropView.alpha = 1
}, completion: { (finished) in
transitionContext.completeTransition(true)
})
} else {
UIView.animate(withDuration: 0.4, delay: 0, options: [.curveEaseOut], animations: {
self.menuView.frame.origin.y += self.menuHeight
self.backdropView.alpha = 0
}, completion: { (finished) in
transitionContext.completeTransition(true)
})
}
}
}

El resultado:

Todo el código se publica en mi Github

Answer 5

Solo en caso de que alguien esté buscando hacer esto con Swift 4, como lo estaba yo.

class MyViewController : UIViewController {
...
@IBAction func dictionaryButtonTouchUp(_ sender: UIButton) {
// Show Apple''s dictionary view.
let referenceViewController = UIReferenceLibraryViewController(term: self.textView.currentWord)
referenceViewController.view.tintColor = colorLiteral(red: 0.3098039216, green: 0.6745098039, blue: 0.9176470588, alpha: 1)
referenceViewController.transitioningDelegate = self
referenceViewController.modalPresentationStyle = .custom
self.present(referenceViewController, animated: true, completion: nil)
}
}
extension MyViewController : UIViewControllerTransitioningDelegate {
func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? {
return HalfSizePresentationController(presentedViewController: presented, presenting: presenting)
}
}
class HalfSizePresentationController : UIPresentationController {
override var frameOfPresentedViewInContainerView: CGRect {
get {
guard let theView = containerView else {
return CGRect.zero
}
return CGRect(x: 0, y: theView.bounds.height/2, width: theView.bounds.width, height: theView.bounds.height/2)
}
}
}

¡Aclamaciones!

Answer 6

Utilizo la lógica de abajo para presentar media pantalla ViewController

 let storyboard = UIStoryboard(name: "Main", bundle: nil)
let expVC = storyboard.instantiateViewController(withIdentifier: "AddExperinceVC") as! AddExperinceVC
expVC.modalPresentationStyle = UIModalPresentationStyle.overCurrentContext
self.present(expVC, animated: true, completion: nil)