web-dev-qa-db-ja.com

Swiftを使用して下からView Controllerを押し上げる

Swiftを使用してビューコントローラーをプッシュし、下から表示して上に移動するようにアニメーション化します。ビューコントローラーをプッシュする次のコードがあります。

let helloTableViewController = self.storyboard!.instantiateViewControllerWithIdentifier("helloTableViewController") as! HelloTableViewController
self.navigationController!.pushViewController(helloTableViewController, animated: true)

私は 別の質問 から以下を見つけましたが、それをSwiftで機能させることができないようです：

CATransition *animation = [CATransition animation]; 
[animation setDuration:2]; 
[animation setType:kCATransitionPush]; 
[animation setSubtype:kCATransitionFromTop]; 
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]]; 
SecondView *sObj=[[SecondView alloc] initWithNibName:@"SecondView" bundle:nil];
[self.navigationController pushViewController:sObj animated:YES];
[[sObj.view layer] addAnimation:animation forKey:@"SwitchToView1"];
iosswiftanimationcatransition
13
Daniel Bramhall

ここにプッシュするためのコードがあります

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

使用できるトランジションのタイプは

 kCATransitionFromLeft
 kCATransitionFromBottom
 kCATransitionFromRight
 kCATransitionFromTop
27
Nex Mishra

Swift3：

プッシュ用：

    // Push view controller but animate modally
    let storyBoard: UIStoryboard = UIStoryboard(name: "myStoryBoard", bundle: nil)
    let vc = storyBoard.instantiateViewController(withIdentifier: "myViewControllerIdentifier") as! MyViewController

    let navigationController = self.navigationController


    vc.navigationItem.rightBarButtonItem = UIBarButtonItem(title: "Close", style: .plain, target: vc, action: #selector(vc.closeView))
    vc.navigationItem.leftBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: vc, action: nil)

    let transition = CATransition()
    transition.duration = 0.5
    transition.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
    transition.type = kCATransitionMoveIn
    transition.subtype = kCATransitionFromTop
    navigationController?.view.layer.add(transition, forKey: nil)
    navigationController?.pushViewController(vc, animated: false)

とポップのVCで：

func closeView() {
    let transition = CATransition()
    transition.duration = 0.5
    transition.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
    transition.type = kCATransitionReveal
    transition.subtype = kCATransitionFromBottom
    navigationController?.view.layer.add(transition, forKey: nil)
    _ = navigationController?.popViewController(animated: false)
}
40
Besat

ビューコントローラーでいくつかのUIBarButtonItemsを使用してナビゲーションアイテムを表示する必要がある同様の状況がありましたが、モーダルで表示すると、表示されませんでした。これは、navigationControllerからプッシュしたときにのみ表示されていましたが、実際には下から上にアニメーションが必要でした。上からCATransitionの例を試しましたが、アニメーション中に黒い影/半透明の背景のような別のバグが発生しました。私は結局かなり単純な解決策を思いついた：

let someVC = storyboard?.instantiateViewController(withIdentifier: "SomeVC") as! SomeVC
let navController = UINavigationController(rootViewController: someVC)
navigationController?.present(navController, animated: true, completion: nil)

そして、ビューコントローラーを閉じて、ナビゲーションコントローラーを完全に削除するには、次のように呼び出します。

self.dismiss(animated: true, completion: nil)

これにより、ビューコントローラーが閉じ、navigationControllerがメモリから解放されます。

最終的には簡単な解決策ですが、思いつくまでに少し時間を費やしました。多分私は誰か他の人の時間を節約します:)

3
Starsky

Nex Mishraの回答に基づいたSwift 4.2以降のソリューション ：

let transition = CATransition()
transition.duration = 0.5
transition.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
transition.type = .Push
transition.subtype = .fromBottom
navigationController?.view.layer.add(transition, forKey: kCATransition) 
navigationController?.pushViewController([destination VC], animated: false)
3
Tamás Sengel

Swift 5.0以降

  let transition:CATransition = CATransition()
  transition.duration = 0.5
  transition.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeInEaseOut)
  transition.type = CATransitionType.Push
  transition.subtype = CATransitionSubtype.fromTop
  self.navigationController!.view.layer.add(transition, forKey: kCATransition)
1
IMHiteshSurani