Criando uma tela para exibir dados
Esta lição mostra como criar uma tela, que é o elemento básico de interface do usuário para um aplicativo LightSwitch.As telas são as partes do aplicativo que os usuários acessam para interagir com dados.Algumas telas apenas exibem dados, enquanto outras permitem a adição, modificação e exclusão de dados.
Criar uma tela
Telas em LightSwitch são diferentes de formulários em ferramentas de desenvolvimento tradicionais por terem um layout pré-definido de tela.É possível preparar uma tela completamente funcional sem quaisquer modificações ou programação.No entanto, se você deseja personalizar ou aprimorar uma tela, há várias maneiras para fazer isso.
.gif "Observação") Observação |
|---|
Esta lição continua o contéudo desenvolvido no projeto MyFirstApplication, disponível na lição Trabalhar com dados em LightSwitch (Tour guiado).Se você já tiver o projeto, abra-o agora; caso contrário, conclua as lições Tabalhando com Dados no LightSwitch e depois volte a esta lição. |
Para criar uma tela
No Gerenciador de Soluções, selecione o nó Telas.
No menu Projeto, clique em Adicionar Tela.
Na caixa de diálogo Adicionar Nova Tela na lista Selecionar um Modelo de Tela:, clique em Tela de Lista e Detalhes.
No campo Nome da Tela, digite OrdersByCustomer.
No campo Dados de tela, selecione NorthwindEntitiesData.Customers.
Na lista Dados Adicionais a Incluir, selecione tanto Detalhes do Cliente quanto Pedidos de Clientes e clique em OK.
O Editor de Tela abre e exibe uma representação hierárquica dos controles e comandos da tela.
Visão aprofundada
Esta lição mostrou como criar uma tela de lista e detalhes que exibe uma lista de clientes e uma lista de pedidos de cada cliente.Você deve ter notado na caixa de diálogo Adicionar Nova Tela que outros modelos estavam disponíveis.Além dos modelos inclusos em LightSwitch, há outros modelos disponíveis como extensões.Você aprenderá mais sobre extensões em uma lição posterior.
A princípio, o Editor de Tela pode parecer um pouco confuso por usar uma hierarquia para representar um layout em vez de um paradigma WYSIWYG (What You See is What you Get).No entanto, o modelo de hierarquia torna o design de telas em LightSwitch mais rápido e flexível.
| Dica |
|---|
Para visualizar uma tela a qualquer momento, pressione F5 para executar o aplicativo e exibir a tela. |
Próximas Etapas
Na próxima lição, você aprenderá como alterar o layout e a aparência da tela que você acabou de criar.
Próxima lição: Personalizando a aparência da tela
Consulte também
Tarefas
Como criar uma tela do Silverlight