Criar um botão no Kodular

Como criar um botão no Kodular:

Hoje veremos como criar um botão ao criar um aplicativo no Kodular.

Um dos componentes mais usados no Kodular ao criar um aplicativo é o componente Button. 

Qualquer aplicativo que você queira criar vai precisar usar este componente. Para iniciarmos vamos arrastar este componente para nossa área de trabalho. Ele está na interface do usuário logo a direita, assim como podemos ver na imagem abaixo:

criar botão kodular

Depois de arrastarmos o componente para a tela, logo poderemos ver uma serie de configurações disponíveis do lado direito da tela. Para isso precisamos clicar no componente na lateral esquerda, veja na imagem abaixo:

Depois de clicarmos nela ficará visível todos as configurações disponíveis para o componente:

kodular

Configurações do Botão:

Nas configurações temos:

  • Background Color – Que é a cor de fundo do nosso botão. Podemos selecionar qualquer cor da lista.
  • Enabled – Onde poderemos dizer se o usuário vai poder clicar no botão ou não
  • Font Bold – Deixa as letras mais grossas, em negrito
  • Font Italic – Deixa as letras em Itálico
  • Font Size – Define o tamanho das letras, quanto maior o número maior a letra
  • Font Typeface – Define o tipo de fonte, ou seja, o tipo de letra
  • Font Typeface Import (.ttf) – Caso queremos importar uma fonte personalizada
  • Height – Define o tamanho que o botão vai ocupar na tela em altura, podemos definir esse tamanho em pixeis ou em porcentagem com relação a tela
  • Width – Define o tamanho que o botão vai ocupar na tela em Largura, podemos definir esse tamanho em pixeis ou em porcentagem com relação a tela
  • Image – Aqui podemos definir uma imagem de fundo para nosso botão
  • Rotation Angle – Podemos definir se nosso botão vai ficar reto ou rotacionado em um certo angulo que definimos
  • Shape – Podemos escolhes se vamos deixar nosso botão redondo, retangular ou oval
  • Text – O texto que colocaremos em nosso botão
  • Text Alignment – aqui definimos se o texto vai ficar alinhado da esquerda para direita ou ao contrário. Também podemos centraliza-lo
  • Text Color – Aqui definimos a cor do texto
  • Visible – Aqui definimos se nosso botão vai estar visível ou não

Agora vamos ver como podemos usar os blocos. Para isso clique em blocos: 

Clique sobre o botton: 

Blocos mais usados:

Temos os seguintes blocos e suas funções: 

  • When Button1 Click: Evento que executa os blocos que estão dentro deste bloco. Eles serão executados quando o botão for clicado
  • When Button1 got focus: Quando o cursor passa por cima do botão então é executado o que estiver dentro do bloco
  • When Button1 Long Click: Quando o usuário fica segurando o botão por um tempo é executado o que está dentro do bloco
  • When Button1 Lost Focus: Quando o cursor é movido para fora do botão, executa o que estiver dentro do bloco
  • When Button1 Touch down: Executa quando o botão é pressionado para baixo
  • When Button1 Touch UP: Executa quando o botão é pressionado para cima
  • Call Button1 Button click: faz o botão ser clicado, mesmo que o o usuário não faça isso. Executa o que estiver no bloco When Button1 Click
  • Set Button1 Backgroud color: Muda a cor de fundo do botão a partir dos blocos
  • Set Button1 Text: Muda o texto do botão para o texto em anexo aos blocos
  • Set Button1 Visible: Muda o botão para visivel, se colocarmos “true” ou invisível se colocarmos “false”

Estes são os blocos mais usados neste componente.

Também podemos imitar o componente button e potencializa-lo com mais funções usando o card view. Para fazer isso assista esta aula: Criar um botão especial no Kodular

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *