Как скройлить text View при вводе текста Swift 4?

Question

[Aleksandr Govorukhin]

Здравствуйте!

Есть таблица и в одной с кастомных ячеек лежит text View, дело в том, что вводе какого либо текста клавиатура закрывает весь экран и вводимый текст попросту не видно, как сделать так, чтобы при вводе текста экран автоматически скройлился вниз?

Answer 1

[Aleksandr Govorukhin]

Самый простой способ, на это решение потратил более недели:

Скачиваем библиотеку IQKeyboardManagerSwift.

После:

func textViewDidChange(_ textView: UITextView) {
        let size = textView.bounds.size
        let newSize = textView.sizeThatFits(CGSize(width: size.width, height: CGFloat.greatestFiniteMagnitude))
        
        if size.height != newSize.height {
            UIView.setAnimationsEnabled(false)
            tableView?.beginUpdates()
            tableView?.endUpdates()
            UIView.setAnimationsEnabled(true)
        }
    }

Идеальное решение!

Answer 2

[doublench21]

scrollToRow(at:at:animated:) поместить в нужный метод делегата UITextView.
https://developer.apple.com/documentation/uikit/ui...

Comments

[Aleksandr Govorukhin]

добавил в textViewDidChange, не работает

[doublench21]

Aleksandr Govorukhin, как вы добавили? Покажите код.

[Aleksandr Govorukhin]

doublench21,

let indexPath = IndexPath(row: 0, section: 2)
        tableView.scrollToRow(at: indexPath, at: .bottom, animated: true)

у меня это 2 секция и 0 ячейка, вроде бы правильно ведь

[doublench21]

Aleksandr Govorukhin, а почему так at: .bottom? У вас ведь и так клавиатура снизу, вы ещё и скролите вниз. Попробуйте .top.

[Aleksandr Govorukhin]

doublench21,

Клавиатура остается на месте и если писать ниже не видно то, что пишешь.

[doublench21]

Aleksandr Govorukhin, смысл метода, что он скроллит текущую указанную вами ячейку. Если укажите .bottom, то он будет спускать её вниз, а вам надо наверх, тоесть .top. Если даже в таком случае ничего не видно, то сам tableview наследуется от scrollview. А у scrollview есть возможность менять contentoffset, выставляя нужное значение, можно проскроллить туда куда нужно, на столько сколько нужно.

[Aleksandr Govorukhin]

doublench21, contentoffset - подходит больше, при вводе каждой буквы интерфейс прыгает вверх-вниз, сейчас попробую разобраться и выставить нужные параметры

[Aleksandr Govorukhin]

doublench21, перепробовал все варианты, толку маловато чет)) Есть идеи?

[doublench21]

Aleksandr Govorukhin, как только я тыкнул на поле ввода, я бы скроллил ячейку к самому верху и включил бы скролл я самой ячейки. Или как вы хотите?

[doublench21]

Интерфейс у тебя дергается, потому-что ты этот метод вызываешь каждый раз, когда вводишь новый символ. Там есть другие методы у делегата, тебе надо отловить лишь клик по полю ввода и всё.

[Aleksandr Govorukhin]

doublench21, наживаю на ячейку и если курсор ввода за гранью клавиатуры (т.е. ниже ее) то экран нужно проскройлить дабы видеть то, что пишешь. Идея такова.

[Aleksandr Govorukhin]

doublench21, это немного не то, чего я хочу. Отпустить экран до поля ввода это легко, но не то, мне надо отлавливать курсор, чтобы он был в поле видимости пользователя, когда он пишет огромный текст.

[doublench21]

Aleksandr Govorukhin, я честно вас не понимаю. Судя по скрину, у вас текст остаётся под клавиатурой, ну так в этом нет ничего удивительного, ведь часть UITextvView осталась под клавиатурой. Вы сдвинули бы этот UITextvView чуток выше, что бы он весь был в поле зрения и включили бы скролл у самого UITextvView. В таком случаи я не вижу никаких проблем.

[Aleksandr Govorukhin]

doublench21,

у меня много ячеек, и в каждой TextView, пользователь будет вносить огромное количество информации, нужно чтобы клавиатура не закрывала текст, сдвинуть выше textview я не могу. Я не знаю как объяснить уже)

[doublench21]

Aleksandr Govorukhin, а так вы почему сделать не можете?

[Aleksandr Govorukhin]

doublench21, как так, конкретно?

[doublench21]

Aleksandr Govorukhin, там гифка ведь ниже

[Aleksandr Govorukhin]

doublench21, ну я и не понял что вы подразумеваете, у меня аналогично реализовано

[doublench21]

Aleksandr Govorukhin, а вы вообще скролл включаете и вашего uitextview? Я не могу понять, как у вас текст может оставаться под клавиатурой, если вы говорите что вы скроллите так же как и на гифке и при этом включаете скролл у самого поля. В чем проблема ?) вводите хоть весь том Войны и мира.

[Aleksandr Govorukhin]

doublench21, скролл у TextView отключен, для того чтобы растягивать саму ячейку, я ведь все описал выше. И поэтому при растяжении ячейки текст уходит вниз, надо чтобы клавиатура этот текст не закрывала.

[doublench21]

Aleksandr Govorukhin, значит вам надо растягивать ровно до самой клавиатуры и затем при вводе включать скролл у поле для ввода. А когда он введёт инфу, отловите это и расстанете на всю высоту текста, после того как клавиатура исчезнет.

[doublench21]

А вы хотите не включая скролл автоматом двигать текст выше, что бы он не наезжал за Клаву. Так ведь никто не делает, только геморрой себе наживёте.

[Aleksandr Govorukhin]

doublench21, теперь подробней что сделать надо) не совсем суть уловил.

[Aleksandr Govorukhin]

скролл включать бред, он в этих 33px ячейки будет вводить текст и чтобы посмотреть инфо выше, придется скройлить эту ячейку вверх. Надо именно растянуть ячейку и двигать клавиатуру

[doublench21]

Aleksandr Govorukhin, Поясняю, вы тыкаете на поле для ввода. После ячейка занимает все доступное пространство вплоть до клавиатуры. (Не знаю что вы хотите сделать с самой клавиатурой, но ее никуда не деть, только убрать, но тогда печать как?) теперь вы растянуло ячейку и остаётся включить скролл. Теперь вы будете печатать и как только текста будет много , сработает наш скролл. После того как вы закончили ввод, вы расстягиваете ячейку уже на всю высоту текста, не учитывая клавиатуры, ведь ее уже нет.

[Aleksandr Govorukhin]

doublench21, есть высота ячейки textview.frame.height, есть идея отследить положение y у tableview, после того отслеживать height и скройлить до высота y tableview + text.frame.height. Вроде бы все изи, вопрос как отследить положение поля textview и tableview и как передвинуться.

[Aleksandr Govorukhin]

нужно именно так как я описал, без всяких растягиваний во весь экран и прочее

[doublench21]

Aleksandr Govorukhin, А зачем? Если я не ошибаюсь, то метод который я советовал в самом начале, при выборе направления .top отскроллит ячейку до самого верха. После останется лишь увеличить высоту ячейки вместе с текст виев вплоть до начала клавиатуры и не забыть включить скролл. Теперь вводить будет удобно. Поле для ввода большое и текст скроллится. После ввода вы увеличите ячейку на всю высоту текста.

[Aleksandr Govorukhin]

doublench21, метод scrollToRow, какого то хрена не работает .. Оо

[Aleksandr Govorukhin]

doublench21,

func textViewDidBeginEditing(_ textView: UITextView) {
        tableView.scrollToRow(at: IndexPath(row: 0, section: 4), at: .top, animated: true)

Для примера выбираю секцию которая сразу за гранью и при нажатии на textView ничего не происходит

[doublench21]

Aleksandr Govorukhin, а может надо выбрать не секцию, а саму ячейку? 4, 0.
Он не может не работать) Сколько у вас кастомных ячеек? И сколько секций вы указывали в делгате дата сорс.

[doublench21]

Покажите метод делегата дата сорс.

[Aleksandr Govorukhin]

doublench21,

override func numberOfSections(in tableView: UITableView) -> Int {
        return 6
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
           return 1
    }

ячейка всегда 0, а вот секций более

[Aleksandr Govorukhin]

doublench21, что делать?)

[doublench21]

Aleksandr Govorukhin, сейчас я сам попробую. Чуть позже напишу.

[Aleksandr Govorukhin]

doublench21, буду искренне благодарен, иначе я ответа в интернете под мою ситуацию не могу найти вообще, даже идей как сделать

[doublench21]

Aleksandr Govorukhin, попробуй. Вроде должно делать. Конечно, код утрированный, но суть думаю ясна. У меня вроде работало.

class ViewController: UITableViewController {
    override func viewDidLoad() {
        super.viewDidLoad()

        NotificationCenter.default.addObserver(self, selector: #selector(keyboardDidShow), name: .UIKeyboardDidShow, object: nil)
        NotificationCenter.default.addObserver(self, selector: #selector(keyboardDidHide), name: .UIKeyboardDidHide, object: nil)
    }

    override func numberOfSections(in tableView: UITableView) -> Int {
        return 4
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        if indexPath.section == 0 {
            return tableView.dequeueReusableCell(withIdentifier: "First", for: indexPath)
        } else if indexPath.section == 1 {
            return tableView.dequeueReusableCell(withIdentifier: "Second", for: indexPath)
        } else if indexPath.section == 2 {
            return tableView.dequeueReusableCell(withIdentifier: "Third", for: indexPath)
        } else {
            return tableView.dequeueReusableCell(withIdentifier: "Fours", for: indexPath)
        }
    }

    @objc func keyboardDidShow(_ notification: NSNotification) {
        let cell = tableView.cellForRow(at: IndexPath(row: 0, section: 2))
        let keyboardFrame = (notification.userInfo![UIKeyboardFrameEndUserInfoKey] as! NSValue).cgRectValue
        let cellPointY = cell!.frame.origin.y
        tableView.setContentOffset(CGPoint(x: 0, y: tableView.contentOffset.y + cellPointY), animated: true)
        cell!.frame = CGRect(x: 0, y: cell!.frame.origin.y, width: cell!.frame.width, height: cell!.frame.height + (keyboardFrame.origin.y - cell!.frame.maxY))
    }

    @objc func keyboardDidHide(_ notification: NSNotification) {

    }
}

[Aleksandr Govorukhin]

doublench21, не работает, когда пишу сообщения, текст уходит за клавиатуру аналогично

[doublench21]

Aleksandr Govorukhin, скролл надо врубить конечно.

[Aleksandr Govorukhin]

doublench21, нет, это абсолютно не то что мне надо

[doublench21]

Aleksandr Govorukhin, это то, о чём я писал выше. Тогда сил моих больше нет, я хз что тебе надо и как.

[Aleksandr Govorukhin]

doublench21, сейчас покажу гиф

[Aleksandr Govorukhin]

doublench21,

[Aleksandr Govorukhin]

Вот надо тоже самое

[doublench21]

Aleksandr Govorukhin, видно, что метод топорный, сначала увеличивают высоту, затем скроллится вниз. Ну если нужно, сейчас подумаю. Собственно я изначально думал так, просто мне показалось, что вам нужно решение вообще.

[Aleksandr Govorukhin]

doublench21, это пусть и костыль, но для пользователя это очень удобно.

[Aleksandr Govorukhin]

doublench21, получилось что-либо? Я уже весь инет перерыл)

[doublench21]

Aleksandr Govorukhin, да хз. Есть код, ток не могу понять, он скроллит лишь раз, как надо, а затем меняет значение оффсета, а скроллить отказывается. Если сам починишь этот скролл, то вроде то что тебе нужно.

class ViewController: UITableViewController {
    override func viewDidLoad() {
        super.viewDidLoad()

        NotificationCenter.default.addObserver(self, selector: #selector(keyboardDidShow), name: .UIKeyboardDidShow, object: nil)
        NotificationCenter.default.addObserver(self, selector: #selector(keyboardDidHide), name: .UIKeyboardDidHide, object: nil)
    }

    override func numberOfSections(in tableView: UITableView) -> Int {
        return 4
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        if indexPath.section == 0 {
            return tableView.dequeueReusableCell(withIdentifier: "First", for: indexPath)
        } else if indexPath.section == 1 {
            return tableView.dequeueReusableCell(withIdentifier: "Second", for: indexPath)
        } else if indexPath.section == 2 {
            return tableView.dequeueReusableCell(withIdentifier: "Third", for: indexPath)
        } else {
            return tableView.dequeueReusableCell(withIdentifier: "Fours", for: indexPath)
        }
    }

    override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        if indexPath == IndexPath(row: 0, section: 2) {
            return UITableViewAutomaticDimension
        }
        return super.tableView(tableView, heightForRowAt: indexPath)
    }

    @objc func keyboardDidShow(_ notification: NSNotification) {
        keyboardFrame = (notification.userInfo![UIKeyboardFrameEndUserInfoKey] as! NSValue).cgRectValue
        currentOffset = tableView.contentOffset
    }

    @objc func keyboardDidHide(_ notification: NSNotification) {

    }

    private var keyboardFrame = CGRect.zero
    private var prevNumberOfLines = 1
    private var currentOffset = CGPoint.zero
}

extension ViewController: UITextViewDelegate {
    func textViewDidChange(_ textView: UITextView) {
        let rectOfCell = tableView.rectForRow(at: IndexPath(row: 0, section: 2))
        let rectOfCellInSuperView = tableView.convert(rectOfCell, to: tableView.superview)
        let rectKeyboardInTableViewSuperView = tableView.convert(keyboardFrame, to: tableView.superview)
        if rectOfCellInSuperView.maxY < rectKeyboardInTableViewSuperView.origin.y - 18 {
            UIView.setAnimationsEnabled(false)
            tableView.beginUpdates()
            tableView.endUpdates()
            tableView.setContentOffset(currentOffset, animated: false)
            UIView.setAnimationsEnabled(true)
        } else { // тут ещё добавить условие, когда кол-во строк меняется на одну
            currentOffset.y += 16.5
            UIView.setAnimationsEnabled(false)
            tableView.beginUpdates()
            tableView.endUpdates()
            tableView.setContentOffset(CGPoint(x: currentOffset.x, y: currentOffset.y), animated: false)
            UIView.setAnimationsEnabled(true)
        }

        print(rectOfCellInSuperView.maxY)
        print(rectKeyboardInTableViewSuperView.origin.y)
        print(currentOffset.y)
        print(tableView.contentOffset.y)
        print("***")
    }
}


extension UITextView {
    var numberOfLines: Int {
        let layoutManager = self.layoutManager
        let numberOfGlyphs = layoutManager.numberOfGlyphs
        var numberOfLines = 0
        var index = 0
        var lineRange = NSRange()

        while (index < numberOfGlyphs) {
            layoutManager.lineFragmentRect(forGlyphAt: index, effectiveRange: &lineRange)
            index = NSMaxRange(lineRange)
            numberOfLines = numberOfLines + 1
        }

        return numberOfLines
    }
}

[doublench21]

https://yadi.sk/i/ANf1vNsZ3Rso9y

[doublench21]

Aleksandr Govorukhin, немного допилил, скролл пашет. Но иногда прыгает. Тут надо шаманить дальше или на stackoverflow.com написать.

func textViewDidChange(_ textView: UITextView) {
        let rectOfCell = tableView.rectForRow(at: IndexPath(row: 0, section: 2))
        let rectOfCellInSuperView = tableView.convert(rectOfCell, to: tableView.superview)
        let rectKeyboardInTableViewSuperView = tableView.convert(keyboardFrame, to: tableView.superview)
        if rectOfCellInSuperView.maxY < rectKeyboardInTableViewSuperView.origin.y - 18 {
            UIView.setAnimationsEnabled(false)
            tableView.beginUpdates()
            tableView.endUpdates()
            UIView.setAnimationsEnabled(true)
            tableView.setContentOffset(currentOffset, animated: false)
        } else if rectOfCellInSuperView.maxY >= rectKeyboardInTableViewSuperView.origin.y - 18, textView.numberOfLines > prevNumberOfLines {
            currentOffset.y += 16.5
            UIView.animate(withDuration: 0.2, animations: {
                self.tableView.contentOffset = CGPoint(x: self.currentOffset.x, y: self.currentOffset.y)
            }, completion: { (succes: Bool) in
                UIView.setAnimationsEnabled(false)
                self.tableView.beginUpdates()
                self.tableView.endUpdates()
                UIView.setAnimationsEnabled(true)
                self.prevNumberOfLines += 1
            })
        }

        print(rectOfCellInSuperView.maxY)
        print(rectKeyboardInTableViewSuperView.origin.y)
        print(currentOffset.y)
        print(tableView.contentOffset.y)
        print("***")
    }

[Aleksandr Govorukhin]

doublench21,
https://drive.google.com/open?id=1a4l4kJg5AEgU_XwV...

Да уж, вроде задача то проста, но не так уж и просто реализуема ..

[Aleksandr Govorukhin]

doublench21, если допилить до ума, можно и на git выложить, чтобы люди не мучались, функционал по мне - полезный.

[Aleksandr Govorukhin]

doublench21, выложил на stack, возможно помогут ...

[doublench21]

Aleksandr Govorukhin, ссылку кинь.

[Aleksandr Govorukhin]

doublench21, stackoverflow

[Aleksandr Govorukhin]

doublench21, безуспешно, причем это только с ios 11 такая лажа....