Criando um Esboço de Interface com o Usuário

É possível criar um esboço de interface com o usuário selecionando elementos de desenho na paleta de esboço e arrastando-os para a tela de esboço. É possível incluir grupos ou elementos reutilizáveis, chamados "partes", no esboço. Também é possível incluir imagens e esboços existentes no esboço.
Por Que e Quando Desempenhar Esta Tarefa

(Para assistir um filme que mostra como criar um esboço, consulte Criar um Esboço de Interface com o Usuário.)

Para criar um esboço de interface com o usuário:
  1. Selecione um projeto e clique em Arquivo > Novo > Esboço de Interface com o Usuário.
  2. Na janela Novo Esboço de Interface com o Usuário, digite um nome para o esboço.
  3. Navegue até um projeto e uma pasta para o novo esboço.
  4. (Opcional) Inclua uma tag no novo esboço.
  5. (Opcional) Selecione um modelo para o conteúdo inicial do novo esboço.
  6. (Opcional) Clique em Avançar e selecione os grupos de atributos que você deseja aplicar ao esboço.
  7. Clique em Concluir. O editor de esboço é aberto.
  8. Para incluir um elemento de desenho no esboço, na paleta, selecione o elemento e clique em uma posição do elemento na tela do esboço. Você pode "dimensionar e soltar" selecionando um elemento na paleta e, em seguida, arrastando um tamanho para ele na tela. Alguns elementos, como áreas de texto, são ampliados para preencher o tamanho desenhado; outros, como etiquetas e campos de texto, são copiados em múltiplos para preencher o tamanho.
  9. Clique com o botão direito do mouse na tela para visualizar um menu de ações que podem ser executadas no elemento, como recortar, copiar, excluir, editar texto ou modificar suas propriedades e a aparência.
  10. Para incluir uma imagem, uma parte ou um esboço, arraste-o do Project Explorer até o editor ou inclua-o na paleta. Ao incluir uma imagem, parte ou esboço da paleta, a janela Selecionar é aberta. Nessa janela, procure e selecione o elemento. Isso cria uma instância do elemento no esboço. Você pode modificar partes e esboços global ou localmente no esboço atual:
    • Para alterar a parte ou o esboço original, clique no ícone acima de um elemento selecionado no esboço. A parte ou o esboço original é aberto. As mudanças feitas na parte ou no esboço, como o conteúdo, o formato ou o local, aparecerão em todas as instâncias da parte ou do esboço em outros esboços, contanto que o elemento original não tenha sido substituído em outro esboço.
    • Você pode alterar um elemento na instância local da parte ou do esboço. Essa instância local substitui o elemento herdado nesse esboço; por exemplo, se seu esboço incluir uma parte que exiba um menu, você poderá alterar o formato de um comando no menu para mostrar que está selecionado. A parte original permanece inalterada. Se você quiser reverter para o conteúdo original do elemento, poderá selecionar o elemento e clicar no ícone Reverter Mudanças acima do elemento.
  11. Clique em Arquivo > Salvar.
O que Fazer Depois

É possível criar um esboço de interface com o usuário a partir de um esboço de processo de negócios. Clique com o botão direito do mouse em um elemento de processo de negócios e clique em Elaborar com Novo Esboço. O novo esboço de interface com o usuário é incluído como um link no elemento do processo.

É possível criar um esboço de interface com o usuário a partir de um fluxo de tela. Em um elemento genérico, clique no ícone Novo Esboço ou clique com o botão direito do mouse no elemento e clique em Associar > Novo Esboço.

Você pode incluir seu esboço de interface com o usuário no quadro de um esboço sequencial arrastando o elemento de esboço da paleta para o editor de quadro de esboço sequencial. Também é possível incluí-lo em um fluxo de tela arrastando-o para um elemento genérico ou para qualquer lugar do editor de fluxo de tela.


Feedback