Criando um Fluxo de Tela

É possível criar um fluxo de tela incluindo esboços, fluxos de tela ou elementos genéricos (indefinidos) no editor. Todos os elementos são representados no editor como imagens miniaturas. Os elementos genéricos podem, posteriormente, ser associados a esboços ou fluxos de tela. Você pode conectar os elementos a linhas de transição que indiquem a sequência de processos de interface com o usuário.
Por Que e Quando Desempenhar Esta Tarefa
Para criar um fluxo de tela:
  1. Clique em Arquivo > Novo > Fluxo de Tela.
  2. Na janela Novo Fluxo de Tela, digite um nome para o novo fluxo de tela.
  3. Navegue até um projeto e uma pasta para o fluxo de tela.
  4. (Opcional) Inclua uma tag no fluxo de tela.
  5. (Opcional) Selecione um modelo para o conteúdo inicial do fluxo de tela.
  6. (Opcional) Para incluir grupos de atributos no fluxo de tela, clique em Avançar.
  7. Clique em Concluir. O editor de fluxo de tela é aberto.
  8. Para incluir um elemento no fluxo de tela, clique em um ícone na Paleta e clique em uma posição no editor de fluxo de tela.
  9. Para esboços e fluxos de tela, selecione um artefato existente na janela Selecionar.
  10. Digite um título para o elemento e pressione Enter.
  11. Para elementos genéricos, você pode deixá-los indefinidos (genérico) ou clicar em um botão no elemento genérico para criar um novo esboço ou fluxo de tela para ser associado ao elemento. Também é possível arrastar um artefato do Project Explorer até o elemento para criar uma associação.
  12. Para incluir uma linha de transição entre dois elementos, clique no ícone Transição na Paleta, selecione um elemento no editor e, em seguida, selecione o próximo elemento na sequência. O ícone de transição permanece selecionado para que você possa incluir várias linhas de transição rapidamente. Ao concluir, clique em outro elemento ou controle na paleta.
  13. Para incluir uma etiqueta em uma linha de transição, execute uma das seguintes ações:
    • Selecione a linha e comece a digitar.
    • Clique com o botão direito do mouse na linha e clique em Editar Texto.

      Digite o texto da etiqueta e pressione Enter

  14. Para reposicionar um elemento no editor, selecione o elemento e arraste-o para um novo local. As linhas de transição conectadas ao elemento são relocalizadas com ele.
  15. Clique em Arquivo > Salvar.

Feedback