Show Menu
TÓPICOS×

Editor de diálogo

O editor de diálogo fornece uma interface gráfica para fácil criação e edição de caixas de diálogo e andaimes.
Para ver como funciona, vá para CRXDE Lite, abra a árvore do explorador /libs/foundation/components/chart e clique duas vezes no nó dialog :
O nó de diálogo será aberto no editor de diálogo:

Visão geral da interface do usuário

A interface do editor de diálogo é composta de quatro painéis:
  • A paleta , no canto superior esquerdo. Esse painel contém os widgets disponíveis para criar uma caixa de diálogo, como painéis de guia, campos de texto, listas de seleção e botões. É possível expandir as diferentes categorias dentro da paleta clicando na barra divisória desejada.
  • O painel de estrutura , no canto inferior esquerdo. Este painel mostra a estrutura hierárquica dos nós que compõem a definição da caixa de diálogo. Você pode ver a mesma estrutura expandindo o nó de diálogo no CRXDE Lite ou no CRX Content Explorer.
  • O painel de renderização , no centro da janela. Este painel mostra como a definição de diálogo definida no painel de estrutura será renderizada como uma caixa de diálogo real.
  • O painel de propriedades . Este painel mostra as propriedades do nó atualmente realçado no painel de estrutura.

Uso do Editor de caixa de diálogo

Para criar uma caixa de diálogo, o usuário arrasta e solta elementos da paleta para o painel de estrutura na posição dentro da hierarquia de definição da caixa de diálogo.
Depois que a estrutura desejada é concluída, o usuário clica em Salvar , na parte superior do painel de renderização.
Observe que o editor de diálogo se destina à criação de diálogos relativamente simples e pode não ser capaz de editar definições de diálogo mais complexas. Nos casos em que o editor de diálogo não permite a edição de uma estrutura de diálogo, a definição da caixa de diálogo deve ser criada e/ou editada manualmente editando diretamente a estrutura do nó usando, por exemplo, o CRXDE Lite ou o CRX Content Explorer.

Criando uma nova caixa de diálogo

​Para criar uma nova caixa de diálogo, é necessário selecionar o componente desejado, clique em Criar... e, em seguida, Criar caixa de diálogo... .
Digite os detalhes necessários e clique em Salvar tudo - agora você pode clicar duas vezes na caixa de diálogo para abri-la com o editor.

Uso do Editor de caixa de diálogo para Scaffolds

Um suporte é uma página especial contendo um formulário que pode ser preenchido e enviado em uma etapa. Isso permite que você crie rapidamente uma página usando o conteúdo inserido.
O formulário que compõe um suporte é definido por uma definição de diálogo, como um diálogo normal, embora apareça na página de andaime em um formato diferente. Como as definições de diálogo são usadas para definir andaimes, os andaimes podem ser projetados usando o editor de diálogo. Observe que ao usar o editor de diálogo dessa maneira, o painel de renderização ainda exibirá a definição da caixa de diálogo na forma de uma caixa de diálogo e não como um suporte.
Consulte Andaime para obter mais informações sobre como usar o editor de diálogo para criar andaimes.