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

Spinner

imchristian_g edited this page Mar 20, 2018 · 1 revision

Uso

Creación

Por XIB

Para agregar un spinner por xib, seguir los siguientes pasos:

  1. Agregar una vista al xib
  2. Ponerle como custom class la clase MLSpinner

captura de pantalla 2016-05-05 a las 16 13 48

Ejemplo de uso

Creádolo por código
//crear el spinner
MLSpinner *spinner = [[MLSpinner alloc]initWithStyle:MLSpinnerStyleWhiteBig text:@"text"];

//agregarlo a la vista padre
[self addSubview:spinner];

//agregarle constraints
[self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-0-[smallSpinner]-0-|" options:0 metrics:nil views:@{@"smallSpinner" : self.smallSpinner}]];
[self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-0-[smallSpinner]-0-|" options:0 metrics:nil views:@{@"smallSpinner" : self.smallSpinner}]];

//mostrarlo animado
[spinner showSpinner];
Creádolo por xib
//setearle el estilo
[spinner setStyle:MLSpinnerStyleWhiteBig];
//setearle el texto
[spinner setText:@"text"];
//mostrarlo animado
[spiner showSpinner];
Por código usando Autolayout

Para crealo usando Autolayout, inicializar el spinner con alguno de los siguientes métodos:

[[MLSpinner alloc] initWithStyle: MLSpinnerStyle];
[[MLSpinner alloc] initWithStyle: MLSpinnerStyle text:text];

y luego aplicarle las constraints.

Estilos

Existen distintos estilos predefinidos para el spinner. Para setearle los estilos a los botones, se puede crearlos con su estilo o setearle el estilo luego de crearlos.

Spinners grandes

MLSpinnerStyleBlueBig

Es el estilo por defecto. Acepta texto (como máximo dos líneas). El color del spinner pasa de azul a amarillo.

  • Sin texto

captura de pantalla 2016-05-05 a las 16 30 26

  • Con texto

captura de pantalla 2016-05-05 a las 16 31 14

MLSpinnerStyleWhiteBig

Acepta texto (como máximo dos líneas). El color del spinner pasa de azul a blanco.

  • Sin texto

captura de pantalla 2016-05-05 a las 16 30 26

  • Con texto

captura de pantalla 2016-05-05 a las 16 31 02

Spinners chicos

MLSpinnerStyleBlueSmall

No acepta texto. Por más que se le setee texto, el mismo será ignorado.

captura de pantalla 2016-05-05 a las 16 39 57

MLSpinnerStyleWhiteSmall

No acepta texto. Por más que se le setee texto, el mismo será ignorado.

captura de pantalla 2016-05-05 a las 16 39 44