Cambiar el fondo de UITextField cuando comienza la edición

Question

Me gustaría cambiar la imagen de fondo de un UITextField cuando se convierte en el primer Respondedor para mostrar al usuario que tiene foco, similar a: pseudoclases activas o: enfocar en CSS.

Supongo que tendré que hacer esto programáticamente; así que cualquier ayuda es muy apreciada.

-Giles

Answer 1

que también podría utilizar los métodos UITextFieldDelegate (en mi humilde opinión, más fácil de mantener que los observadores clave-valor):

#pragma mark - 
#pragma mark UITextFieldDelegate methods 

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField 
{ 
    _field.background = [UIImage imageNamed:@"focus.png"]; 
    return YES; 
} 

- (BOOL)textFieldShouldEndEditing:(UITextField *)textField 
{ 
    _field.background = [UIImage imageNamed:@"nofocus.png"]; 
    return YES; 
} 

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

Esto solo funciona cuando la propiedad UITextField.borderStyle es de cualquier tipo excepto UITextBorderStyleRoundedRect (en ese caso, la propiedad de fondo no se tiene en cuenta). Esto significa que podría utilizar el código anterior con UITextBorderStyleBezel, UITextBorderStyleLine y UITextBorderStyleNone, como se explica en la documentación borderStyle:

borderStyle

El estilo de borde utilizado por el campo de texto.

@property (no atómica) UITextBorderStyle borderStyle

Discusión

El valor predeterminado de esta propiedad es UITextBorderStyleNone. Si se establece una imagen de fondo personalizada, esta propiedad se ignora.

Esta es la documentación de la propiedad background de UITextField:

fondo

La imagen que representa la aparición fondo del campo de texto cuando está activado.

@property (no atómica, retener) UIImage * fondo

Discusión

Cuando se establece, la imagen se hace referencia por esta propiedad sustituye a la norma aspecto controlado por la propiedad borderStyle. Las imágenes de fondo se dibujan en la parte del rectángulo del borde de la imagen. Las imágenes que utiliza para el fondo del campo de texto deben poder estirar para ajustarse.

Answer 2

Probablemente puede intentar la observación de cambios en isFirstResponder. y cambiando el fondo en el método de notificación. Algo así como:

[textField addObserver:theObserver forKeyPath:@"isFirstResponder" options:0 context:nil]; 

Luego, en el observador:

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context { 
    if(object == textField && [keyPath isEqual:@"isFirstResponder"]) { 
     //fiddle with object here 
    } 
} 

Answer 3

La forma más limpia en mi humilde opinión es una subclase UITextField y anular becomeFirstResponder y resignFirstResponder para cambiar la imagen de fondo del campo de texto. De esta forma, puede usar su nueva subclase en cualquier lugar sin tener que volver a implementar los métodos delegados para cambiar el fondo.

- (BOOL)becomeFirstResponder { 
    BOOL outcome = [super becomeFirstResponder]; 
    if (outcome) { 
     self.background = // selected state image; 
    } 
    return outcome; 
} 

- (BOOL)resignFirstResponder { 
    BOOL outcome = [super resignFirstResponder]; 
    if (outcome) { 
     self.background = // normal state image; 
    } 
    return outcome; 
}