Skip to content
This repository has been archived by the owner on Aug 25, 2023. It is now read-only.

Error View

imchristian_g edited this page Mar 20, 2018 · 1 revision

Uso

Esta vista se utiliza para mostrar errores en pantalla completa. Para mostrar la error view invocar el siguiente método:

 + (MLGenericErrorView *)genericErrorViewWithImage:(UIImage *)image
                                            title:(NSString *)title
                                         subtitle:(NSString *)subtitle
                                      buttonTitle:(NSString *)buttonTitle
                                      actionBlock:(MLVoidBlock)actionBlock
  • image: Imagen que hace referencia al error.
  • title: Título del error.
  • subtitle: Subtítulo del error. Información extra sobre el mismo.
  • buttonTitle: Texto del botón de la error view.
  • actionBlock: Bloque a ejecutar cuando se presione el botón.

Como cualquier UIView, requerirá ser agregada a la jerarquía de vistas, y aplicar las restricciones necesarias para visualizarse en pantalla completa.

A modo de ejemplo:

MLGenericErrorView *errorView = [MLGenericErrorView genericErrorViewWithImage:[UIImage imageNamed:@"MLNetworkError"]
                                                                        title:@"¡Parece que no hay Internet!"
                                                                     subtitle:@"Revisa tu conexión para seguir navegando."
                                                                  buttonTitle:@"Reintentar"
                                                                  actionBlock:^{/*actionBlock*/}];
    
errorView.translatesAutoresizingMaskIntoConstraints = NO;
[view addSubview:errorView];
    
// Setup AutoLayout constraints
NSDictionary *views = @{@"errorView":errorView};
    
[view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-0-[errorView]-0-|"
                                                             options:0
                                                             metrics:nil
                                                               views:views]];
    
[view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-0-[errorView]-0-|"
                                                             options:0
                                                             metrics:nil
                                                               views:views]];

¿Cómo ocultarla?

Para ocultarla, es necesario removerla de la superview.

Ejemplo:

[errorView removeFromSuperview];

Estilos

Los estilos de los componentes textuales están definidos y no deben modificarse. Varían según el tamaño de la pantalla.

Ejemplo

iPhone 4 iPhone 5 iPhone 6
iPhone 4 iPhone 5 iPhone 6
Clone this wiki locally