SDK Fluig

Árvore de páginas

Índice


Objetivo

O objetivo deste guia é mostrar ao usuário como utilizar o componente FluigSdkTextField e quais os seus atributos.

O FluigSdkTextField é o principal componente de campo de texto do fluig SDK para iOS. Este componente é uma subclasse de UITextField e, portanto, possui todas as funcionalidades já presentes nesta classe.


Uso

Importante

Antes de utilizar o componente, não esqueça de importar o módulo de componentes do SDK. Para saber mais, clique aqui (todo: linkar)

No seu projeto, este componente pode ser utilizado pelo Interface Builder arrastando um UITextField e alterando as propriedades Class para FluigSdkTextField e Module para fluigSdkUi como na imagem abaixo:

ou instanciando via código e adicionado a sua view como no exemplo abaixo:

create text field 
let field = FluigSdkTextField()
view.addSubview(field)


Atributos

Essa seção explica o funcionamento de todos os atributos específicos do FluigSdkTextField assim como as mudanças de comportamento em alguns atributos padrões do UITextField.


Icon

UIImage icon

Define a imagem que será exibida do lado esquerdo do campo de texto. Caso não seja definida ou seja alterada para null, a imagem não será exibida.


Placeholder

String placeholder

Define o texto que é exibido quando a caixa de texto está vazia.


Text field state

SDKTextFieldState textFieldState

Define o estado visual da caixa de texto. Há três possíveis estados: NORMAL, ERROR, VALID:

  • NORMAL: é o estado padrão da caixa de texto;
  • ERROR: deve ser usado quando o valor da caixa de texto não é o esperado. Será exibida uma barra alinhada a esquerda da caixa de texto na cor #FF4747 ()
  • VALID: deve ser usado quando o valor da caixa de texto é o esperado. Será exibida uma barra alinhada a equerda da caixa de texto na cor #48D121 ()