Widget personalizado de botão segmentado
  • 06 Mar 2024
  • 1 Minuto para Ler
  • Contribuintes

Widget personalizado de botão segmentado


Resumo do artigo

::: (info) () Para fazer o download do aplicativo, visite: Library:::Simplifique as ações do usuário usando um widget personalizado de botão segmentado de três opções

Objetivo

Esse widget personalizado inclui um botão segmentado com três opções de escolha. Esse pode ser um ótimo uso para um aplicativo com três configurações separadas para uma determinada finalidade.

Configuração

Os plug-ins de widget personalizado interagem com seu aplicativo por meio do uso de propriedades e eventos. As propriedades são os dados compartilhados que existem entre o aplicativo e o widget, enquanto os eventos são sinais que o widget pode enviar ao aplicativo. No editor de aplicativos, você pode criar acionadores com base nesses eventos. Os eventos também podem ser criados para enviar dados ao seu aplicativo.

O widget personalizado Segmented Button usa três propriedades e um evento. As propriedades que estão sendo usadas nesse widget são: - Tamanho da fonte: O tamanho da fonte em pixels do texto mostrado nos botões - Option 1 Text: O texto da primeira opção - Option 2 Text: O texto da segunda opção - Option 3 Text: O texto da terceira opção

Esse widget personalizado usa um evento chamado Button Selected. O valor de retorno é um número inteiro [1, 2, 3] que se correlaciona com o botão pressionado da esquerda para a direita.

Como funciona

Quando o usuário seleciona uma opção, o botão fica verde e dispara um evento no Tulip. Ao selecionar um botão diferente, esse botão ficará verde e desativará o botão pressionado anteriormente. Um exemplo de uso será a criação de um acionador que executa uma ação se o evento disparado pelo widget for 1, 2 ou 3, com base no botão que o usuário pressionou.

Leitura adicional

Se você quiser saber mais sobre widgets personalizados, visite o site abaixo:


Este artigo foi útil?