未熟学生エンジニアのブログ

TetsuFeの個人開発ブログ

TetsuFeはテツエフイー と読みます。FlutterやWeb周り全般、チーム開発について語るブログ

複数のviewを移動する

注釈 IB: Interface builder

storyboard主体の方法 IB の Attribute(4番目)Titleで識別 main.storyboardを選択、右下の4つのうち左から3つ目で、 view Controllerをドラッグ、追加(これをView2と呼ぶ) View2 Attribute inspector のViewController のTitleを適当に設定。 View0 初期Sceneにボタンを設置。 View0 ボタンをダブルドラッグしてView2に。present modally接続する

実行し、ボタンを押すと、下から新しいView2 がでてくる

シーン遷移のアニメーションは、 View0とView2の間の矢印をクリックし、AttributeInspector のTransisionで変更 ViewController.swiftに@IBAction func comeHome(segue: UIStoryboardSegue){ } で関数を書く View2にボタンを設定。 そのボタンをダブルドラッグ、上のdock (3つ並んでるやつ)の一番右のexitに。 すると、さきほどのcomeHomeという選択肢が現れるので、それを選択すると、 そのボタンでView0に戻れる。

コードでやる場合 IB のIdentity(3番目) StoryboardIDで識別 @IBAction func A (sender: AnyObject){ let nextVC = self.storyboard?.instantiateViewControllerWithIdentifier("treePage") //トランジションの映像効果を指定する modalTransitionStyle nextVC?.modalTransitionStyle = .FlipHorizontal //シーンを移動する present modallyに該当 presentViewController(nextVC!, animated: true, completion:nil) } ここで、IB のIdentitiy (左から3番目)のstoryboardIDを設定する。( treePage )