UIView na klawiaturze podobny do aplikacji iMessage

Ostatnio napotkałem ten sam problem i musiałem opracować niestandardowe rozwiązanie, ponieważ nie byłem całkowicie zadowolony z dostępnych bibliotek stron trzecich. Podzieliłem tę implementację na własny projekt GitHub:

MessageComposerView

Z kilku prostych testów na iOS 6.1 7 & 8 symulatory obroty wydają się prawidłowo podążać za klawiaturą. Widok będzie również powiększał się wraz z tekstem i zmieniał Rozmiar automatycznie podczas obracania.

Możesz użyć bardzo podstawowa init Funkcja tak aby utworzyć ją z szerokością ekranu i domyślną wysokością np.:

self.messageComposerView = [[MessageComposerView alloc] init];
self.messageComposerView.delegate = self;
[self.view addSubview:self.messageComposerView];

Istnieje kilka innych inicjalizatorów, które są również dostępne, aby umożliwić dostosowanie ramki, przesunięcia klawiatury i textview max wysokość. Więcej informacji znajdziesz w readme!

Oto UITextView podklasa, która działa poprawnie na iOS 9.3.1 i 8.3.1 . Dba o wzrost i kurczenie się z ograniczeniami, utrzymując karetkę zawsze we właściwym miejscu i płynnie animując.

Przyklejanie widoku nad klawiaturą jest banalne, z wieloma rozwiązaniami, które można łatwo znaleźć, więc nie jest zakryte...

Nie mogłem znaleźć żadnych gotowych rozwiązań, które były gotowe do produkcji, więc skończyło się na tym, że pracowałem nad tym od podstaw. Musiałem rozwiązać wiele małych problemów. po drodze.

Komentarze do kodu powinny dać ci wyobrażenie o tym, co się dzieje.

Podzieliłem się tym na mój Github , wkład bardzo mile widziany.

Uwagi

• nie testowane do obsługi krajobrazu
• nie testowane na i6+

Demo

(Po osiągnięciu maksymalnej wysokości element staje się przewijalny. Zapomniałem przeciągnąć demo, ale to działa zgodnie z oczekiwaniami... )

Podklasa

class ruuiDynamicTextView: UITextView {
    var dynamicDelegate: ruuiDynamicTextViewDelegate?
    var minHeight: CGFloat!
    var maxHeight: CGFloat?
    private var contentOffsetCenterY: CGFloat!

    init(frame: CGRect, offset: CGFloat = 0.0) {
        super.init(frame: frame, textContainer: nil)
        minHeight = frame.size.height

        //center first line
        let size = self.sizeThatFits(CGSizeMake(self.bounds.size.width, CGFloat.max))
        contentOffsetCenterY = (-(frame.size.height - size.height * self.zoomScale) / 2.0) + offset

        //listen for text changes
        NSNotificationCenter.defaultCenter().addObserver(self, selector: #selector(textChanged), name: UITextViewTextDidChangeNotification, object: nil)

        //update offsets
        layoutSubviews()
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func layoutSubviews() {
        super.layoutSubviews()

        //Use content size if more than min size, compensate for Y offset
        var height = max(self.contentSize.height - (contentOffsetCenterY * 2.0), minHeight)
        var updateContentOffsetY: CGFloat?
        //Max Height
        if maxHeight != nil && height > maxHeight {
            //Cap at maxHeight
            height = maxHeight!
        } else {
            //constrain Y to prevent odd skip and center content to view.
            updateContentOffsetY = contentOffsetCenterY
        }
        //update frame if needed & notify delegate
        if self.frame.size.height != height {
            self.frame.size.height = height
            dynamicDelegate?.dynamicTextViewDidResizeHeight(self, height: height)
        }
        //constrain Y must be done after setting frame
        if updateContentOffsetY != nil {
            self.contentOffset.y = updateContentOffsetY!
        }
    }

    func textChanged() {
        let caretRect = self.caretRectForPosition(self.selectedTextRange!.start)
        let overflow = caretRect.size.height + caretRect.origin.y - (self.contentOffset.y + self.bounds.size.height - self.contentInset.bottom - self.contentInset.top)
        if overflow > 0 {
            //Fix wrong offset when cursor jumps to next line un explisitly
            let seekEndY = self.contentSize.height - self.bounds.size.height
            if self.contentOffset.y != seekEndY {
                self.contentOffset.y = seekEndY
            }
        }
    }
}

protocol ruuiDynamicTextViewDelegate {
    func dynamicTextViewDidResizeHeight(textview: ruuiDynamicTextView, height: CGFloat)
}

Ostatnio napisałem post na blogu o tym dokładnie problem, który opisałeś i jak go rozwiązać w krótki i elegancki sposób za pomocą powiadomień klawiaturowych, ale bez użycia inputAccessoryView. I chociaż to pytanie jest dość stare, ten temat jest nadal aktualny, więc oto link do posta: Synchronizacja animacji obrotu między klawiaturą a załączonym widokiem

Jeśli nie chcesz zanurzyć się w długim wyjaśnieniu opisanym w poście na blogu, oto krótki opis przykład kodu:

Podstawową zasadą jest używanie tej samej metody , której używają wszyscy-obserwowanie powiadomień klawiaturowych do animowania załączonego widoku w górę iw dół. Ale oprócz tego musisz anulować te animacje, gdy powiadomienia klawiatury są wywoływane w wyniku zmiany orientacji interfejsu.

Przykład obracania bez anulowania animacji przy zmianie orientacji interfejsu:

Przykład rotacji z anulowaniem animacji na zmiana orientacji interfejsu:

- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];

    [[NSNotificationCenter defaultCenter]
            addObserver:self selector:@selector(adjustViewForKeyboardNotification:)
            name:UIKeyboardWillShowNotification object:nil];
    [[NSNotificationCenter defaultCenter]
            addObserver:self selector:@selector(adjustViewForKeyboardNotification:)
            name:UIKeyboardWillHideNotification object:nil];
}

- (void)viewDidDisappear:(BOOL)animated {
    [super viewDidDisappear:animated];

    [[NSNotificationCenter defaultCenter]
            removeObserver:self name:UIKeyboardWillShowNotification object:nil];
    [[NSNotificationCenter defaultCenter]
            removeObserver:self name:UIKeyboardWillHideNotification object:nil];
}

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration {
    [super willRotateToInterfaceOrientation:toInterfaceOrientation duration:duration];
    self.animatingRotation = YES;
}

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation {
    [super didRotateFromInterfaceOrientation:fromInterfaceOrientation];
    self.animatingRotation = NO;
}

- (void)adjustViewForKeyboardNotification:(NSNotification *)notification {
    NSDictionary *notificationInfo = [notification userInfo];

    // Get the end frame of the keyboard in screen coordinates.
    CGRect finalKeyboardFrame = [[notificationInfo objectForKey:UIKeyboardFrameEndUserInfoKey] CGRectValue];

    // Convert the finalKeyboardFrame to view coordinates to take into account any rotation
    // factors applied to the window’s contents as a result of interface orientation changes.
    finalKeyboardFrame = [self.view convertRect:finalKeyboardFrame fromView:self.view.window];

    // Calculate new position of the commentBar
    CGRect commentBarFrame = self.commentBar.frame;
    commentBarFrame.origin.y = finalKeyboardFrame.origin.y - commentBarFrame.size.height;

    // Update tableView height.
    CGRect tableViewFrame = self.tableView.frame;
    tableViewFrame.size.height = commentBarFrame.origin.y;

    if (!self.animatingRotation) {
        // Get the animation curve and duration
        UIViewAnimationCurve animationCurve = (UIViewAnimationCurve) [[notificationInfo objectForKey:UIKeyboardAnimationCurveUserInfoKey] integerValue];
        NSTimeInterval animationDuration = [[notificationInfo objectForKey:UIKeyboardAnimationDurationUserInfoKey] doubleValue];

        // Animate view size synchronously with the appearance of the keyboard. 
        [UIView beginAnimations:nil context:nil];
        [UIView setAnimationDuration:animationDuration];
        [UIView setAnimationCurve:animationCurve];
        [UIView setAnimationBeginsFromCurrentState:YES];

        self.commentBar.frame = commentBarFrame;
        self.tableView.frame = tableViewFrame;

        [UIView commitAnimations];
    } else {
        self.commentBar.frame = commentBarFrame;
        self.tableView.frame = tableViewFrame;
    }
}

Jak rozwiązać ten problem dla mnie:

Mam ChatViewController i FooterViewController jako UIContainerView. Ponadto mam contentView outlet w FooterViewController. Wtedy w ChatViewController mam:

override func becomeFirstResponder() -> Bool {
    return true
}

override var inputAccessoryView: UIView? {
    if let childViewController = childViewControllers.first as? FooterViewController {
        childViewController.contentView.removeFromSuperview()
        return childViewController.contentView
    }
    return nil
}

Innym sposobem jest tworzenie widoku programowo i zwracanie jako inputAccessoryView.