CrappUIDialog

O componente CrappUIDialog é utilizado para apresentar modais de diálogo, exibindo mensagens, títulos e botões para interação com o usuário.

Características
Valor

Class

crapp.ui.display.modal.dialog.CrappUIDialog

Style Tag

CrappUIStyleDefaultTagType.DIALOG

Composites

Nenhum

Efeitos do Estilo

  • color: Define a cor de fundo do diálogo

  • space: Define o espaçamento interno do container e o gap utilizado no layout dos textos e botões.

  • size: Influencia o tamanho máximo do diálogo, sendo utilizado no cálculo da largura (multiplicado por um fator).

  • corners: Afeta os cantos arredondados do diálogo, influenciando o acabamento visual da borda. O valor aplicado é de 80% do corner definido no style.

Como usar

Utilize o método estático openMessage para exibir um modal com uma mensagem e um título opcional. Por exemplo:

// Exibe um diálogo simples com mensagem e título
CrappUIDialog.openMessage("Esta é uma mensagem de exemplo.", "Título Exemplo");

Geralmente, a abertura do diálogo é feita a partir de um evento (por exemplo, o clique de um botão na interface). Basta associar a chamada do método de abertura ao evento desejado.

Diálogo com Ações Customizadas

Caso seja necessário um diálogo com botões que executem ações específicas, utilize o método openDialog passando um objeto com as propriedades message, title e buttons. Cada botão recebe um rótulo e uma ação a ser executada ao ser clicado. Por exemplo:

CrappUIDialog.openDialog({
    message: "Deseja confirmar a operação?",
    title: "Confirmação",
    buttons: [
        { label: "SIM", action: onActionYes, variant : "DANGER" },
        { label: "NÃO", action: onActionNo }
    ]
});

private function onActionYes():Void {
    trace("Operação confirmada");
}

private function onActionNo():Void {
    trace("Operação cancelada")
}

Utilizando essa abordagem, o CrappUIDialog pode ser facilmente integrado como modal de diálogo no seu aplicativo, permitindo exibir mensagens, avisos e receber interações do usuário.

Atualizado

Isto foi útil?