質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.49%

UITableviewCell内に配置したUITextViewにフォーカスした時の画面のスクロール量について

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,357

score 50

前提・実現したいこと

xibでUITextViewを配置したセルを作りました。
セル内のUITextViewをフォーカスした時に、UITextView部分がキーボードで隠れてしまわないように
こちらを参考に画面をずらすこと自体は出来ているのですが、スクロール量についてお伺いしたいです。

以下に画面の写真を添付させて頂いております。
前提として、レイアウトはこの画面に遷移してきた時に決まるので
写真の画面から動的にセルの数が増えたり減ったりすることはありません。

前の画面からのデータを元に、ゴミの日のセクションのセルの数が1~4の数になります。
この画面での、メモを入力の部分がUITextViewになっているのですが
この部分にフォーカスしたときの、画面のスクロール量の決め方をご教示頂きたいです。

現在は取り敢えず決め打ちで、画面全体の高さに対して半分の高さを
上にずらしているので、ゴミの日のセクションのセルの数が1つのときは
なんとなく良さそうな位置までスクロールしているのですが、2つのときは
不燃のセルが見えてしまっています。

望む状態としては、ゴミの日のセクションのセルの数に関係なく
UITextViewにフォーカスした時には、メモのセクションが一番上に来る状態(写真3枚目)に
スクロールするようにしたいです。

伝わりにくい部分があるかもしれませんが、ご教示頂ければ幸いです。
宜しくお願い致します。

アプリの画面

該当のソースコード

// Notificationを設定
    func configureObserver() {
        let notification = NotificationCenter.default
        notification.addObserver(self, selector: #selector(keyboardWillShow(notification:)), name: UIResponder.keyboardWillShowNotification, object: nil)
        notification.addObserver(self, selector: #selector(keyboardWillHide(notification:)), name: UIResponder.keyboardWillHideNotification, object: nil)
    }

    // Notificationを削除
    func removeObserver() {
        let notification = NotificationCenter.default
        notification.removeObserver(self)
    }

    // キーボードが現れた時に、画面全体をずらす。
    @objc func keyboardWillShow(notification: Notification?) {
        let rect = (notification?.userInfo?[UIResponder.keyboardFrameBeginUserInfoKey] as? NSValue)?.cgRectValue
        let duration: TimeInterval? = notification?.userInfo?[UIResponder.keyboardAnimationDurationUserInfoKey] as? Double
        //画面に対して画面の半分の高さを決め打ちしてしまっている
        let height = -(rect?.size.height)! / 2.0
        UIView.animate(withDuration: duration!, animations: { () in
            let transform = CGAffineTransform(translationX: 0, y: height)
            self.view.transform = transform
        })
    }

    // キーボードが消えたときに、画面を戻す
    @objc func keyboardWillHide(notification: Notification?) {
        let duration: TimeInterval? = notification?.userInfo?[UIResponder.keyboardAnimationCurveUserInfoKey] as? Double
        UIView.animate(withDuration: duration!, animations: { () in

            self.view.transform = CGAffineTransform.identity
        })
    }
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

0

セルの数が増えれば、その分メモの表示位置が下に来るのだから、セル数に関わらずメモの位置を画面先頭付近まで移動したいのであれば、セルの数xセルの高さの分、今の heightから減算すればよいと思います。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/02/04 21:43

    試してみたのですが、かなり上の方までスクロールされてしまいました。
    セルの数が1・2の時のパターンのものを写真追加しましたのでご確認頂ければ幸いです。

    試したコードですが
    @objc func keyboardWillShow(notification: Notification?) {
    let rect = (notification?.userInfo?[UIResponder.keyboardFrameBeginUserInfoKey] as? NSValue)?.cgRectValue
    let duration: TimeInterval? = notification?.userInfo?[UIResponder.keyboardAnimationDurationUserInfoKey] as? Double
    let hh = CGFloat(66 * items.count)//セルの高さ * セルの数
    let height = (-(rect?.size.height)!/2.0) - hh
    UIView.animate(withDuration: duration!, animations: { () in
    let transform = CGAffineTransform(translationX: 0, y: height)
    self.view.transform = transform
    })
    }

    セルの高さとセルの数をかけたものを引いてみました。
    items.countがセルの数で間違い無いのですが
    セルの高さの決まり方がいまいち理解ができておらず、storyboard上で
    該当のセルのRow Heightが66だったので、66で決め打ちして試してみたのですが
    そもそもセルの高さが違うのでしょうか・・・。

    自分で書いておいて後から気付いたのですが
    (-(rect?.size.height)!/2.0)がキーボードの半分の高さで
    そこからさらにセルの高さ*セルの数の高さを減算したらもちろんかなり上に
    スクロールされてしまうのではないかなと思っているのですがどうでしょうか?

    キャンセル

  • 2019/02/05 00:31

    セルの個数が1個の時にもともとのheightの値で丁度よかったんだから、hhの計算式は let hh = CGFloat(66 * (items.count - 1))ですよね。
    セルの高さは66決め打ちでよさそうに思います。

    キャンセル

  • 2019/02/05 21:59

    返信ありがとうございます。

    仰る通りitems.count-1でしたね・・・。
    試してみたら、無事いい感じにスクロールされるようになりました!
    この度はありがとうございました!ベストアンサーとさせて頂き閉じさせて頂きます。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.49%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る