【Swift】UITableViewのTextFieldにキーボードを重ねないようにしたい

Question

###追記
関係ない所かもしれないのですが、画面外に表示されているセルに文字列を入力して
画面を上下に動かすと入力したセルがずれて動くという状態になっていることがわかりました。

###前提・実現したいこと
度々の質問大変申し訳ございません。
現在テーブルビューのカスタムセルにテキストフィールドを一つだけ設置し、
そのテキストフィールドに入力する際にキーボードが重なった場合
そのビューを上にずらして見えるようにするものを実現したいです

###発生している問題・エラーメッセージ
サイトを参考にし、以下のようにスクリプトしてみたのですが
アニメーション自体はするのですが、問題として
・選択した時点でアニメーションしない
・入力を始めるとゆっくりと画面の一番上にスクロールする
ということになり、入力しようとしているテキストフィールドの場所までアニメーションできませんでした

こちらのサイトを参考にしたのですが、やはりテーブルビュー並びにカスタムセルを使って動かす場合はまた違う設定をするのでしょうか・・・。

今回の悪いところ、または参考になるURLをご教示いただけると大変嬉しく思います。

宜しくお願い致します。

``

@IBOutlet var firstTextField: UITextField!

サイトの中にありましたこの部分（画像のテキストフィールド）を接続しますと
Main.storyboard: error: Illegal Configuration:
The a outlet from the RandomController
to the Text_Custom is invalid.
Outlets cannot be connected to repeating content.

とでて繰り返し利用するものに直接接続はしてはならないというエラーが出てしまい、検索やライブラリなど探して見たのですがうまく起動させる方法を見つけられませんでした・・・。

//viewcontroller
import UIKit

class RandomController: UIViewController, UITableViewDelegate,UITableViewDataSource,InputTextTableCellDelegate,UITextFieldDelegate {

    var delegate: InputTextTableCellDelegate! = nil
    
    @IBOutlet weak var tableView: UITableView!
    //@IBOutlet var textField: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()

        //デリゲートとデータソースを設定
        tableView.delegate = self
        tableView.dataSource = self
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int  {
        return 10;
    }
    
    func numberOfSections(in tableView: UITableView) -> Int { // sectionの数を決める
        return 1
    }

    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath:IndexPath)->UITableViewCell{
        let cell: InputTextTableCell = tableView.dequeueReusableCell(withIdentifier: "InputTextCell",for: indexPath) as! InputTextTableCell
        cell.delegate = self
        return cell
    }
    
    // MARK: - UITableViewDelegate
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return InputTextTableCell.height()
    }

    //セルの番号、並びにテキストフィールドの文字列を取得する
    @nonobjc internal func textFieldDidEndEditing(cell: InputTextTableCell, value: NSString) -> () {
        let path = tableView.indexPathForRow(at: cell.convert(cell.bounds.origin, to: tableView))
        NSLog("row = %d, value = %@", path!.row, value)
    }
    
    //テキストフィールドとキーボードが重ならないように移動
    override func viewWillAppear(_ animated: Bool) {
        
        super.viewWillAppear(animated)
        self.configureObserver()
        
    }
    
    //入力が終わったら下げる
    override func viewWillDisappear(_ animated: Bool) {
        
        super.viewWillDisappear(animated)
        self.removeObserver() // Notificationを画面が消えるときに削除
    }
    
    
    //Notificationを設定
    func configureObserver()
    {
        let notification = NotificationCenter.default
        notification.addObserver(self,selector:#selector(keyboardWillShow(notification:)),name: NSNotification.Name.UIKeyboardWillShow,object: nil)
        notification.addObserver(self,selector:#selector(keyboardWillHide(notification:)),name: NSNotification.Name.UIKeyboardWillShow,object: nil)
    }
    
    //Notificationを削除
    func removeObserver()
    {
        let notification = NotificationCenter.default
        notification.removeObserver(self)
    }
    
    //キーボードが出た時、画面全体をずらしていく
    func keyboardWillShow(notification: Notification?)
    {
        let rect = (notification?.userInfo?[UIKeyboardFrameBeginUserInfoKey] as? NSValue)?.cgRectValue
        let duration: TimeInterval? = notification?.userInfo?[UIKeyboardAnimationDurationUserInfoKey] as? Double
        UIView.animate(withDuration: duration!,animations: { () in
            let transform = CGAffineTransform(translationX: 0, y: -(rect?.size.height)!)
            self.view.transform = transform
        })
    }
    
    //キーボードが消えた時に、画面を戻す
    func keyboardWillHide(notification: Notification?)
    {
        let duration: TimeInterval? = notification?.userInfo?[UIKeyboardAnimationCurveUserInfoKey] as? Double
        UIView.animate(withDuration: duration!,animations:{() in
            self.view.transform = CGAffineTransform.identity
        })
    }
    
}

//custom cell
import UIKit

protocol InputTextTableCellDelegate {
    func textFieldDidEndEditing(cell: InputTextTableCell, value: NSString) -> ()
}

class InputTextTableCell: UITableViewCell,UITextFieldDelegate {
    
    var delegate: InputTextTableCellDelegate! = nil
    
    @IBOutlet weak var textField: UITextField!
    
    override func awakeFromNib() {
        super.awakeFromNib()
        
        textField.returnKeyType = UIReturnKeyType.done
        textField.delegate = self
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
    }
    
    static func height() -> CGFloat {
        return 75.0
    }
    
    internal func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        textField.resignFirstResponder()
        return true
    }
    
    internal func textFieldDidEndEditing(_ textField: UITextField) {
        self.delegate.textFieldDidEndEditing(cell: self, value: textField.text! as NSString)
    }
}

###補足事項
Swift3、Xcode8.3で制作しております。

Comments

[fuzzball]

結局のところ、何を質問しているのでしょうか？

[RagnAnet1373]

入力するためキーボードを出すとき、カスタムセル上のテキストフィールドが重ならないようにセルを上にずらしたい場合どのようにすればいいか、というところです。現在、実行した画面の一番下にある１０番目のセルを入力しようとしても画面がうんともすんとも動かない状態です。

[fuzzball]

一番下以外は重ならないように画面を動かせているということでしょうか？

[RagnAnet1373]

すいません、例を出したかったのですがわかりづらい表現になってしまい申し訳ございません・・・。現在全てのセルにおいてタップしてキーボードが出ると画面が動きません。文字を一つでも入力しようとキーボードをタップすると、入力しているところに最初行くのですが、その後一番上のメニューがあるところまでスライドしていきます。また、セルを入力した後セルの場所がずれ、あちこちと入力するとセルの内容が様々な場所へずれて行く状態になっています。また実機テストをするとアニメーションをしない状態になりました・・・。

[t_obara]

そもそもですが、参考にしているものは、テキストフィールド単体をキーボードに合わせて移動しているもので、貴殿が実現したいものは、テキストフィールド単体ではなく、テーブルビュー自体を移動することではないのでしょうか。そうだとすると、テキストフィールドをテーブルビューと読み替えて実現を試みてはいかがでしょうか。あるいは、移動するのではなく、テーブルビューのサイズを変更するとか。

[RagnAnet1373]

解釈の仕方を変えて調べたり考えたりするってことですね・・・、ありがとうございます。t_obaraさんの考え方を参考にもう一度調査・試行をしてみます。

[fuzzball]

@t_obaraさん 参考にしている記事は、画面全体(self.view)を移動させています。

Answer 1

申し訳ございません。仕様を大幅に変更したため今回の質問は締めさせていただきます。

Answer 2

繰り返し利用するものに直接接続はしてはならないというエラーが出てしまい

ここだけ。Tableviewを置いているControllerのソースとは接続できないですね。
カスタムセル用のクラスを用意し、そのソース上で定義した変数であればアウトレット接続が可能です。