MENU
    Widget personalizado de botão segmentado
    • 13 Jan 2025
    • 1 Minuto para Ler
    • Contribuintes

    Widget personalizado de botão segmentado


    Resumo do artigo

    To download the app, visit: Library
    :::Simplifique as ações do usuário usando um widget personalizado com três opções de botões segmentados

    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?