it-roy-ru.com

крышки клавиатуры iPhone UITextField

У меня есть приложение, в котором, в Интерфейсный Разработчик , я установил UIView, у которого есть текстовое поле в нижней части представления. Когда я запускаю приложение и пытаюсь ввести текст в это поле, клавиатура скользит вверх над полем, поэтому я не могу видеть, что я печатаю, пока я снова не скрою клавиатуру. 

Кто-нибудь еще сталкивался с этой проблемой и нашел хороший способ решить ее без необходимости прокручивать родительский вид или перемещать текстовое поле дальше вверх по экрану?

119
Cruinh

Обычное решение - сдвинуть поле (и все, что над ним) с анимацией, а затем отступить, когда вы закончите. Вам может понадобиться поместить текстовое поле и некоторые другие элементы в другое представление и сдвинуть представление как единое целое. (Я называю эти вещи "плитами", как в "тектонических плитах", но это только я). Но вот общая идея, если вам не нужно наворочиваться.

- (void)textFieldDidBeginEditing:(UITextField *)textField
{
    [self animateTextField: textField up: YES];
}


- (void)textFieldDidEndEditing:(UITextField *)textField
{
    [self animateTextField: textField up: NO];
}

- (void) animateTextField: (UITextField*) textField up: (BOOL) up
{
    const int movementDistance = 80; // Tweak as needed
    const float movementDuration = 0.3f; // Tweak as needed

    int movement = (up ? -movementDistance : movementDistance);

    [UIView beginAnimations: @"anim" context: nil];
    [UIView setAnimationBeginsFromCurrentState: YES];
    [UIView setAnimationDuration: movementDuration];
    self.view.frame = CGRectOffset(self.view.frame, 0, movement);
    [UIView commitAnimations];
}
290
Amagrammer

Это творило чудеса для меня скользящие uitextfields

В частности, он имеет преимущество в расчете расстояния анимации слайда в зависимости от положения текстового поля.

38
cidered

IQKeyboardManager сделать это для вас с NO LINE OF CODE, нужно всего лишь перетащить связанный исходный файл в проект. IQKeyboardManager также поддерживает Ориентация устройства, Автоматическое управление UIToolbar, keyboardDistanceFromTextField и многое другое, чем вы думаете.

enter image description here

Вот схема управления: Control Flow Chart

Step1: - Добавлены глобальные уведомления UITextField, UITextView и UIKeyboard в одноэлементном классе. Я назвал это IQKeyboardManager .

Step2: - Если найдены уведомления UIKeyboardWillShowNotification, UITextFieldTextDidBeginEditingNotification или UITextViewTextDidBeginEditingNotification, попробуйте получить экземпляр topMostViewController из иерархии UIWindow.rootViewController. Для того, чтобы правильно раскрыть UITextFieldUITextView на нем, необходимо отрегулировать кадр topMostViewController.view.

_/Step3: - Расчетное ожидаемое расстояние перемещения topMostViewController.view относительно первого ответившего UITextFieldUITextView.

_/Step4: - Перемещено topMostViewController.view.frame вверх/вниз в соответствии с ожидаемым расстоянием перемещения.

Step5: - Если найдено уведомление UIKeyboardWillHideNotification, UITextFieldTextDidEndEditingNotification или UITextViewTextDidEndEditingNotification, попробуйте снова получить экземпляр topMostViewController из иерархии UIWindow.rootViewController.

Step6: - Расчетное нарушенное расстояние topMostViewController.view, которое необходимо восстановить в исходное положение.

Step7: - Восстановлен topMostViewController.view.frame в соответствии с нарушенным расстоянием.

Step8: - Инстанцированный синглтон IQKeyboardManager экземпляр класса при загрузке приложения, поэтому каждое UITextField/UITextView в приложении будет автоматически корректироваться в соответствии с ожидаемым расстоянием перемещения.

Это все

28
Mohd Iftekhar Qurashi

Чтобы расширить ответ Amagrammer, вот пример класса:

LoginViewController.h

@interface LoginViewController : UIViewController <UITextFieldDelegate> {

}

@property (nonatomic, retain) IBOutlet UITextField    *emailTextField;
@property (nonatomic, retain) IBOutlet UITextField    *passwordTextField;

Обратите внимание, что мы реализуем UITextFieldDelegate

LoginViewController.m

@implementation LoginViewController
@synthesize emailTextField=_emailTextField;
@synthesize passwordTextField=_passwordTextField;

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        //Register to receive an update when the app goes into the backround
        //It will call our "appEnteredBackground method
        [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(appEnteredBackground)
                                                 name:UIApplicationDidEnterBackgroundNotification
                                               object:nil];
    }
    return self;
}


- (void) animateTextField: (UITextField*) textField up: (BOOL) up
{
    const int movementDistance = 80; // Tweak as needed
    const float movementDuration = 0.3f; // Tweak as needed

    int movement = (up ? -movementDistance : movementDistance);

    [UIView beginAnimations: @"anim" context: nil];
    [UIView setAnimationBeginsFromCurrentState: YES];
    [UIView setAnimationDuration: movementDuration];
    self.view.frame = CGRectOffset(self.view.frame, 0, movement);
    [UIView commitAnimations];
}

- (void)textFieldDidBeginEditing:(UITextField *)textField
{
    [self animateTextField: textField up: YES];
}


- (void)textFieldDidEndEditing:(UITextField *)textField
{
    [self animateTextField: textField up: NO];
}

- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
    [textField resignFirstResponder];
    return YES;
}
//This is called when the app goes into the background.
//We must reset the responder because animations will not be saved
- (void)appEnteredBackground{
    [self.emailTextField resignFirstResponder];
    [self.passwordTextField resignFirstResponder];
}
7
stebooks

Как насчет официального решения: Перемещение контента, который находится под клавиатурой

Настройка вашего контента обычно включает временное изменение размера одного или больше просмотров и расположение их так, чтобы текстовый объект оставался видимый. Самый простой способ управления текстовыми объектами с помощью клавиатуры - это встроить их в объект UIScrollView (или в один из его подклассов как UITableView). Когда отобразится клавиатура, все, что вам нужно сделать Сброс области содержимого представления прокрутки и прокрутка нужного текстовый объект в положение. Таким образом, в ответ на UIKeyboardDidShowNotification, ваш метод-обработчик будет делать следующий:

  1. Получите размер клавиатуры.
  2. Отрегулируйте нижнюю вставку содержимого представления прокрутки с помощью клавиатуры рост.
  3. Прокрутите целевое текстовое поле в поле зрения.
// Call this method somewhere in your view controller setup code.
- (void)registerForKeyboardNotifications
{
    [[NSNotificationCenter defaultCenter] addObserver:self
            selector:@selector(keyboardWasShown:)
            name:UIKeyboardDidShowNotification object:nil];

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

}

// Called when the UIKeyboardDidShowNotification is sent.
- (void)keyboardWasShown:(NSNotification*)aNotification
{
    NSDictionary* info = [aNotification userInfo];
    CGSize kbSize = [[info objectForKey:UIKeyboardFrameBeginUserInfoKey] CGRectValue].size;

    UIEdgeInsets contentInsets = UIEdgeInsetsMake(0.0, 0.0, kbSize.height, 0.0);
    scrollView.contentInset = contentInsets;
    scrollView.scrollIndicatorInsets = contentInsets;

    // If active text field is hidden by keyboard, scroll it so it's visible
    // Your app might not need or want this behavior.
    CGRect aRect = self.view.frame;
    aRect.size.height -= kbSize.height;
    if (!CGRectContainsPoint(aRect, activeField.frame.Origin) ) {
        [self.scrollView scrollRectToVisible:activeField.frame animated:YES];
    }
}

// Called when the UIKeyboardWillHideNotification is sent
- (void)keyboardWillBeHidden:(NSNotification*)aNotification
{
    UIEdgeInsets contentInsets = UIEdgeInsetsZero;
    scrollView.contentInset = contentInsets;
    scrollView.scrollIndicatorInsets = contentInsets;
}
7
Mars

Я столкнулся с той же проблемой в ячейках UITableView textField. Я решил эту проблему, реализовав следующий метод для прослушивания уведомлений клавиатуры.

Наблюдатель за уведомлениями здесь:

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

Обработайте эти уведомления с помощью функции ниже:

(void)keyboardWasShown:(NSNotification*)aNotification 
(void)keyboardWillBeHidden:(NSNotification*)aNotification 
7
Boobalan

Проверьте это . Никаких хлопот для вас.

Это решение очень аккуратное. Все, что вам нужно сделать, это добавить свои текстовые поля в UIScrollView и изменить его класс на TPKeyboardAvoidingScollView, если вы используете раскадровки. Представление прокрутки расширено таким образом, что оно будет определять, когда клавиатура видна, и будет перемещаться над клавиатурой на разумном расстоянии. Это идеальное решение, потому что оно не зависит от вашей UIViewController. Все необходимое делается в вышеупомянутом классе. Спасибо Майкл Тайсон и все.

TPKeyboardAvoiding

5
ArunaNZ

Ниже приводится Swift-версия ответа Amagrammer. Кроме того, вариант с использованием события UIKeyboardWillShowNotification, так как мне нужно было знать размер клавиатуры, прежде чем сдвинуть представление с пути.

var keyboardHeight:CGFloat = 0

override func viewDidLoad() {
    super.viewDidLoad()
    NSNotificationCenter.defaultCenter().addObserver(self, selector: "keyboardWillChange:", name: UIKeyboardWillShowNotification, object: nil)
}

func textFieldDidBeginEditing(textField: UITextField) {
    //keyboardWillChange (below) is used instead of textFieldDidBeginEditing because textFieldDidBeginEditing
    //is called before the UIKeyboardWillShowNotification necessary to determine the keyboard height.
}

func textFieldDidEndEditing(textField: UITextField) {
    animateTextField(false)
}

func animateTextField(textFieldUp:Bool) {
    let movementDistance:CGFloat = keyboardHeight
    let movementDuration = 0.3

    let movement:CGFloat = (textFieldUp ? -movementDistance : movementDistance)

    UIView.beginAnimations("anim", context: nil)
    UIView.setAnimationBeginsFromCurrentState(true)
    UIView.setAnimationDuration(movementDuration)
    self.view.frame = CGRectOffset(self.view.frame, 0, movement)
    UIView.commitAnimations()
}

func keyboardWillChange(notification:NSNotification) {
    let keyboardRect:CGRect = ((notification.userInfo![UIKeyboardFrameEndUserInfoKey])?.CGRectValue)!
    keyboardHeight = keyboardRect.height
    animateTextField(true)
}
5
Justin Domnitz

Был отличный пошаговое руководство по редактированию текстовых полей без затенения (ссылка сейчас не работает, вот ссылка на Wayback: https://web.archive.org/web/20091123074029/http://acts-as-geek. blogspot.com/2009/11/editing-textfields-without-obscuring.html ). В нем показано, как переместить существующую UIView в UIScrollView и автоматически прокрутить ее при появлении клавиатуры.

Я немного обновил его, чтобы вычислить правильную высоту для UIScrollView, когда есть элементы управления (например, UITabBar) ниже UIScrollBar. Смотрите публиковать обновления uiview .

4
GargantuChet

Вот решение с использованием Xcode5, iOS7:

Используйте UITextfieldDelegate и блоки анимации.

Это почти весь код для ViewController, но я хотел включить код делегата для тех, кто все еще незнаком с шаблоном делегата (как я). Я также включил код, чтобы скрыть клавиатуру, когда вы нажимаете в сторону от просмотра текста.

Вы можете перемещать представления (кнопки, текстовые поля и т.д.) Так высоко, как вам хотелось бы, просто обязательно верните их на место (+100, а затем -100).

@interface ViewController () <UITextFieldDelegate>
@property (strong, nonatomic) IBOutlet UITextField *MyTextField;

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.MyTextField.delegate = self;

}

- (void)textFieldDidBeginEditing:(UITextField *)textField
{
      NSLog(@"text began editing");

      CGPoint MyPoint = self.MyTextField.center;

      [UIView animateWithDuration:0.3
                    animations:^{

                    self.MyTextField.center = CGPointMake(MyPoint.x, MyPoint.y - 100);
                                }];
}

- (void)textFieldDidEndEditing:(UITextField *)textField
{
     NSLog(@"text ENDED editing");

     CGPoint MyPoint = self.MyTextField.center;

     [UIView animateWithDuration:0.3
                 animations:^{

     self.MyTextField.center = CGPointMake(MyPoint.x, MyPoint.y + 100);
                             }];
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
     [self.view endEditing:YES];
}
2
Ethan Parker

Я полагаю, что одним из способов было бы переместить всю позицию ваших представлений с (x, y) на (x, y-keybaardHeight) при нажатии текстового поля и вернуть его обратно при отклонении клавиатуры, может выглядеть немного странно, так как представление просто подходит (возможно, это не будет плохо, если вы оживите его). 

- (void)textFieldDidBeginEditing:(UITextField *)textField
{
    CGRect frame=self.view.frame;
    frame.Origin=CGPointMake(x...//set point here
    self.view.frame=frame;
}
1
Daniel

В дополнение к решению Amagrammer, если вы используете cocos2d в портретном режиме, измените эту строку:

self.view.frame = CGRectOffset(self.view.frame, 0, movement);

к этому:

[CCDirector sharedDirector].openGLView.frame = CGRectOffset([CCDirector sharedDirector].openGLView.frame, movement, 0);

Если вы используете cocos2d в ландшафтном режиме, внесите вышеуказанные изменения и переключите значения up в textFieldDidBeginEditing: и textFieldDidEndEditing:

- (void)textFieldDidBeginEditing:(UITextField *)textField {
    [self animateTextField:textField up:NO];
}

- (void)textFieldDidEndEditing:(UITextField *)textField {
    [self animateTextField:textField up:YES];
}
0
Iron Mike

https://github.com/ZulwiyozaPutra/Shift-Keyboard-Example Я надеюсь, что это решение помогло. Все они написаны на Swift 3.

//
//  ViewController.Swift
//  Shift Keyboard Example
//
//  Created by Zulwiyoza Putra on 11/23/16.
//  Copyright © 2016 Zulwiyoza Putra. All rights reserved.
//

import UIKit

class ViewController: UIViewController, UITextFieldDelegate {
    
    
    //connecting textfield from storyboard
    @IBOutlet weak var textField: UITextField!
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        subscribeToKeyboardNotifications()
    }
    
    override func viewDidAppear(_ animated: Bool) {
        self.textField.delegate = self
    }
    
    override func viewWillDisappear(_ animated: Bool) {
        super.viewWillDisappear(animated)
        unsubscribeFromKeyboardNotifications()
    }
    
    //Hide keyboard after finished editing
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        textField.resignFirstResponder()
        return true
    }
    
    //Setup view before keyboard appeared
    func keyboardWillAppear(_ notification:Notification) {
        view.frame.Origin.y = 0 - getKeyboardHeight(notification)
    }
    
    //Setup view before keyboard disappeared
    func keyboardWillDisappear(_ notification: Notification) {
        view.frame.Origin.y = 0
    }
    
    //Getting keyboard height
    func getKeyboardHeight(_ notification:Notification) -> CGFloat {
        let userInfo = notification.userInfo
        let keyboardSize = userInfo![UIKeyboardFrameEndUserInfoKey] as! NSValue // of CGRect
        return keyboardSize.cgRectValue.height
    }
    
    //Subscribing to notifications to execute functions
    func subscribeToKeyboardNotifications() {
        NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillAppear(_:)), name: .UIKeyboardWillShow, object: nil)
        NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillDisappear(_:)), name: .UIKeyboardWillHide, object: nil)
    }
    
    //Unsubscribing from notifications
    func unsubscribeFromKeyboardNotifications() {
        NotificationCenter.default.removeObserver(self, name: .UIKeyboardWillShow, object: nil)
        NotificationCenter.default.removeObserver(self, name: .UIKeyboardWillHide, object: nil)
    }
    
}

0
Zulwiyoza Putra

Перетащите рамки, которые я использую в своих проектах. Поддерживает автоматическое увольнение при нажатии за пределами первого респондента или при прокрутке.

GTKeyboardHelper

0
mackross

Просто сдвиньте вид вверх и вниз по мере необходимости: 

- (void)textFieldDidEndEditing:(UITextField *)textField {
    self.currentTextField = nil;
    [self animateTextField: textField up: NO];
}

- (BOOL)textFieldShouldReturn:(UITextField *)textField {
    [self.currentTextField resignFirstResponder];
    return YES;
}

- (void) animateTextField:(UITextField*) textField up:(BOOL)up {
    const int movementDistance = 80; // Tweak as needed
    const float movementDuration = 0.3f; // Tweak as needed

    int movement = (up ? -movementDistance : movementDistance);

    [UIView animateWithDuration:movementDuration animations:^{
        self.view.frame = CGRectOffset(self.view.frame, 0, movement);
    }];
}

Не забудьте установить self как UITextFieldDelegate и как фактический textField delegate.

(Спасибо Ammagrammer, это просто более короткий ответ с использованием блоков для анимации)

0
dulgan

Я полагаю, что в более новых версиях iOS (6.1+, возможно, даже раньше) базовое представление, по крайней мере для UITableView, автоматически сжимается при всплывающей клавиатуре. Таким образом, вам нужно только сделать текстовое поле видимым в этом представлении. В init:

[[NSNotificationCenter defaultCenter] addObserver:self
                                         selector:@selector(keyboardWasShown:)
                                             name:UIKeyboardDidShowNotification
                                           object:nil];

затем:

- (void)keyboardWasShown:(NSNotification*)notification
{
    // Scroll the text field into view so it's not under the keyboard.
    CGRect rect = [self.tableView convertRect:inputView.bounds fromView:inputView];
    [self.tableView scrollRectToVisible:rect animated:YES];
}
0
Lawrence Kesteloot

У меня была та же проблема, и я обнаружил, что GTKeyboardHelper - это легкий выход.

После перетаскивания фреймворка в свой проект включите заголовочный файл . Загрузите и откройте пример проекта, затем перетащите объект «Помощник по клавиатуре» из раздела объектов в XIB в раздел объектов в конструкторе интерфейса вашего проекта.

Перетащите все свои представления, чтобы стать детьми "Помощника по клавиатуре".

0
Andrei Nagy

У меня есть что-то еще, если хотите. Дело в том, что вы хотите установить центр вашего UIView на текстовое поле, которое вы редактируете. 

Перед этим вы должны сохранить INITIAL_CENTER , как CGPoint , из self.view.center и ваш INITIAL_VIEW как CGRect из self.view.frame в свойство const.

Вы можете создать такой метод:

- (void) centerOn: (CGRect) fieldFrame {

    // Set up the center by taking the original view center
    CGPoint center = CGPointMake(INITIAL_CENTER.x,
                             INITIAL_CENTER.y - ((fieldFrame.Origin.y + fieldFrame.size.height/2) - INITIAL_CENTER.y));


    [UIView beginAnimations:@"centerViewOnField" context:nil];
    [UIView setAnimationDuration:0.50];

    if (CGRectEqualToRect(fieldFrame,INITIAL_VIEW)) {
        self.view.frame = INITIAL_VIEW;
        [self.view setCenter:INITIAL_CENTER];
    } else {
        [self.view setCenter:center];
    }


    [UIView commitAnimations];
}

Затем на вашем UITextFieldDelegate вы должны вызвать centerOn: (CGRect) следующими способами:

textFieldDidBeginEditing: (UITextField *) с параметром - рамкой текстового поля, на котором вы хотите центрироваться. 

И вы должны вызвать его в обработчике событий, где вы закрываете клавиатуру, 

textFieldDidEndEditing: (UITextField *) может быть одним из способов сделать это, поместив INITIAL_VIEW в качестве параметра centerOn: (CGRect) .

0
Jissay

Пожалуйста, посмотрите на мой комментарий в этом:

iPhone - клавиатура скрывает TextField

0
Dinesh reddy K

Как вы справляетесь с ситуацией, когда клавиатура поднята, а кадр изменен с помощью анимации и прокручен, чтобы текстовое поле не закрывалось, оттуда, когда я выбираю другое текстовое поле (все еще редактируя первое текстовое поле), как не воспроизводить анимацию снова и просто прокрутите немного дальше, если это необходимо? Проблема заключается в воспроизведении всей анимации, когда это не нужно. Спасибо

0
anders