iOS のカスタムキーボードを Keyboard Extension で作成しているのですが、デバイスを回転させ Portrait 表示と Landscape 表示を切り替えるときの動作が安定しません。 デバイスを回転するとキーボードのViewが、バネのように伸びたり縮んだりしてから定位置に落ち着く、という不安定な動きをします。また、Portrait用のViewから Landscape用のViewに遷移する際に、少しスローモーションのように見えることも難点です。 Keyboard Extensionで、Portrait表示と Landscape表示に違う制約を適用する場合、スムーズな動作を実現するにはどうしたらいいでしょうか? 作成中アプリの Keyboard Extension 用のグループ内には、以下のファイルが入っている状態です。 KeyboardViewController.swift PortraitViewController.swift PortraitKeyboard.xib LandscapeViewController.swift LandscapeKeyboard.xib Images.xcassets KeyboardViewControllerをコンテナViewControllerとして、PortraitViewControllerと LandspaceViewControllerを切り替えることで、縦長時と横長時で制約の違うキーボードを実現できるのではと考えてつくってみたものです。もし何か根本的に間違っている点などありましたら、それもご指摘いただけますとありがたいです。 PortraitKeyboard.xib は、Interface Builder の Identity Inspectorにて、File’s Owner の Class を PortraitViewController に指定しています。LandscapeKeyboard.xib も同様に、Classを LandscapeViewController に指定しています。 各XibのViewには、システムキーボードのような形でボタンを並べています。各インスタンスの入れ子関係を図にしてみました。 ![画像の説明をここに入力][1] 実際は Row UIViewは4つで、ボタンの数はもう少し多いです。Background Viewの上下左右はベースのViewの上下左右とぴったり合わせています。すべて、Interface Builder 上で制約を設定してあります。UIButtonの `layer.cornerRadius` も、Interface Builderで設定しています。大体このような構造のものを作成していると理解していただければと思います。 以下コードを書きますが、UIButtonインスタンスにリンクするアクション、プロトコル、デリゲート(テキスト入力等に使うもの)などは省き、今回の表示問題に関係するところのみに限定いたします。 PortraitViewController.swift 内のコードはこのようになっております。 class PortraitViewController: UIInputViewController { override func updateViewConstraints() { super.updateViewConstraints() } override func viewDidLoad() { super.viewDidLoad() let nib = UINib(nibName: "PortraitKeyboard", bundle: nil) let objects = nib.instantiateWithOwner(self, options: nil) let keyboardView = objects[0] as! UIView self.view = keyboardView } //その他、制約調整に関連づけていない override func は省略します。 } LandscapeViewController.swift のコードも、`nibName`が変わるのみで同様です。 コンテナViewControllerとして使う KeyboardViewController.swiftのコードは、 class KeyboardViewController: UIInputViewController { let portraitViewController = PortraitViewController() let landscapeViewController = LandscapeViewController() let portraitHeight: CGFloat = 190.0 let landscapeHeight: CGFloat = 150.0 var keyboardHeight: NSLayoutConstraint! var firstTimeLoad: Bool! override func updateViewConstraints() { super.updateViewConstraints() if self.view.bounds.width == 0 || self.view.bounds.height == 0 { // self.viewが存在しなければ、何もしない return } if firstTimeLoad == true { // キーボード起動時であれば、何もしない return } else { // Portraitと Landscapeの viewの表示/非表示を切り替え、 // キーボードの高さを調整するメソッドを実行 setKeyboard() } } override func viewDidLoad() { super.viewDidLoad() firstTimeLoad = true // Portraitの ViewControllerと viewを追加 self.addChildViewController(portraitViewController) self.view.addSubview(portraitViewController.view) portraitViewController.didMoveToParentViewController(self) portraitViewController.view.setTranslatesAutoresizingMaskIntoConstraints(false) self.view.addConstraints(viewConstraints(portraitViewController.view)) // Landscapeの ViewControllerと viewを追加 self.addChildViewController(landscapeViewController) self.view.addSubview(landscapeViewController.view) landscapeViewController.didMoveToParentViewController(self) landscapeViewController.view.setTranslatesAutoresizingMaskIntoConstraints(false) self.view.addConstraints(viewConstraints(landscapeViewController.view)) // キーボードの高さの制約を追加(高さの変更はここではしない) keyboardHeight = NSLayoutConstraint(item: self.inputView, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1.0, constant: self.view.bounds.size.height) keyboardHeight.priority = 999 self.view.addConstraint(keyboardHeight) } override func viewDidAppear(animated: Bool) { super.viewDidAppear(animated) if isLandscape() { // Landscapeだったら、 // Landscapeの viewを表示 landscapeViewController.view.hidden = false portraitViewController.view.hidden = true // キーボードの高さをLandscape用の値に変更 self.keyboardHeight.constant = landscapeHeight } else { // Portraitだったら、 // Portraitの viewを表示 portraitViewController.view.hidden = false landscapeViewController.view.hidden = true // キーボードの高さをPortrait用の値に変更 self.keyboardHeight.constant = portraitHeight } // 以後は起動時の処理ではないという合図 firstTimeLoad = false } // その他、制約調整に関連づけていない override func は省略します // Portraitと Landscapeの view表示を切り替え、キーボードの高さを変更するメソッド func setKeyboard() { if isLandscape() { // Landscapeだったら、 if landscapeViewController.view.hidden == false { // すでに Landscapeの viewが表示されていれば、何もしない return } else { landscapeViewController.view.hidden = false portraitViewController.view.hidden = true self.keyboardHeight.constant = landscapeHeight } } else { // Portraitだったら、 if portraitViewController.view.hidden == false { // すでに Portraitの viewが表示されていれば、何もしない return } else { portraitViewController.view.hidden = false landscapeViewController.view.hidden = true self.keyboardHeight.constant = portraitHeight } } } // 現時点で Landscape表示が適当かどうかを判定するメソッド func isLandscape() -> Bool { let screenSize = UIScreen.mainScreen().bounds.size let screenH = screenSize.height let screenW = screenSize.width let isLandscapeNow = !(self.view.frame.size.width == screenW * ((screenW < screenH) ? 1 : 0) + screenH * ((screenW > screenH) ? 1 : 0)) return isLandscapeNow } // 子ViewController.view を 親ViewController.viewに合わせる制約を生成するメソッド func viewConstraints(view: UIView) -> [NSLayoutConstraint] { var all: [NSLayoutConstraint] = [] let top = NSLayoutConstraint(item: view, attribute: .Top, relatedBy: .Equal, toItem: self.view, attribute: .Top, multiplier: 1.0, constant: 0.0) all.append(top) // 略しますが、以下同様に、bottom、left、rightを allに append return all } } となっております。 長くなりまして申し訳ないのですが、どの部分が問題解決に関係しているのか分からないため、なるべく詳細に書きました。 現在 Keyboard Extensionでこのような Xib とコードを使って、Portrait表示と Landscape表示の遷移がエラーなくできる状態なのですが、動作がスムーズに見えません。何をどうすればデバイス回転時に、システムキーボードのようなすっとした動作に見せることができますでしょうか? App Storeで配布されているカスタムキーボードの中には、Portrait表示と Landscape表示で制約を変えても、システムキーボードのように表示がすっと変わる動作のものがあるので、実現不可能ではないと考えています。 よろしくお願いいたします。 修正・追記 ----------------- いろいろな情報を参考にしながら、コードを改善してみました。 Portrait と Landscape を判断した後の処理を、改善前は、 1. 子ViewControllerとその view、制約を親から除去 2. 現在の向きに合う子ViewControllerとその view、制約を親に追加 としていたのですが、改善後のコードでは、 1. 現在の向きに合わない子ViewController.viewを非表示 2. 現在の向きに合う子ViewController.viewを表示 3. キーボードの高さの制約の`constant`値を変更 としてみました。 修正・追記2 ----------------- 「Subview の表示/非表示の切り替え」と「キーボードの高さの調整」を、別々のメソッドに分けました。 処理の重複を防ぐため、各所に`return`を追加しました。 修正・追記3 ----------------- すみません。メモリの件は勘違いでしたので削除しました。実際は、Simulatorと実機での違いでした。 『[iOS 8 Custom Keyboard: Changing the Height](http://stackoverflow.com/questions/24167909/ios-8-custom-keyboard-changing-the-height)』を参考にして、コードを修正しました。合わせて、「Subviewの表示/非表示」と「キーボード高さの変更」はやはり同じメソッドにまとめました。 が、回転時のキーボードViewの、バネのような不安定な動作は変わりません。 この問題動作をなくしスムーズに表示する方法、またはその手がかりなど教えていただけませんでしょうか? 引き続き、よろしくお願いいたします。 [1]: https://i.sstatic.net/2R0nc.png