Personalizando o aplicativo em execução
Nesta lição, você aprenderá como fazer alterações a um aplicativo LightSwitch em execução.
Personalizar o Aplicativo em Execução
A lição anterior, Personalizando a aparência da telamostrou várias maneiras diferentes para personalizar uma tela no Designer de Tela.Você também pode personalizar uma tela enquanto o aplicativo estiver sendo executado para que você possa ver as alterações imediatamente.
Para permitir personalização
Pressione F5 para executar o aplicativo.
O aplicativo abre e a tela de ContactList aparece.
No canto inferior direito da janela do aplicativo, clique em Criar Tela.
.png "Personalizando o aplicativo em execução")
Um painel de Conteúdo de Tela que tenha uma barra de ferramentas aparece na esquerda, e um painel de Propriedades aparece sob a janela do aplicativo.
Para alterar nomes de exibição
No painel de Conteúdo da tela, selecione o nó de DataGrid | Contatos.
Na janela Propriedades, no campo Nome para Exibição, digite Contatos de Negócios e pressione a tecla TAB.
Observe que o texto no painel Conteúdo de tela é alterado imediatamente para refletir o novo valor.
Selecione o nó Contato.
Na janela Propriedades, no campo Nome para Exibição, digite Nome.
Repita o processo para os campos ContactCompany, ContactPhone, e ContactEmail.Altere os valores para Empresa, Telefone, e Endereço de E-mail.
Clique no botão Salvar no canto superior direito da janela do aplicativo para salvar suas alterações.
Isso encerra o designer e salva suas alterações no aplicativo em execução.
Para alterar os controles e a ordem de exibição
No canto inferior direito da janela do aplicativo, clique em Criar Tela.
No painel Conteúdo da Tela, expanda o nó DataGridRow | Contato e selecione o nó Empresa.
Na lista suspensa, selecione Rótulo
Isso evita a alteração do campo Empresa na tela.
Selecione o nó Telefone.
Clique no botão Mover para Baixo da barra de ferramentas para movê-lo no campo Endereço de Email.
Observe que o campo Telefone é a última coluna na grade agora.
Na lista Adicionar, selecione ContactState.
Na janela Propriedades, altere a propriedade Nome para Exibição para Estado.
Selecione o nó de nível superior de Layout das Linhas | Contatos.
Clique no botão Adicionar Grupo da barra de ferramentas.
Um novo nó Layout das Linhas | Grupo aparece e é selecionado.
Na lista Adicionar, selecione - Item selecionado.
Observe que um novo grupo de exibição aparece sob a grade e tem campos para o contato selecionado.
Na janela Propriedades, selecione a opção Usar Controles Somente Leitura.
Os novos campos são exibidos como controles de Rótulo.
Na janela Propriedades, na lista Posição do Rótulo, selecione Nenhum.
Os rótulos de campo são removidos.
Clique no botão Salvar no canto superior direito da janela do aplicativo para salvar suas alterações.
Isso encerra o designer e salva suas alterações no aplicativo em execução.
Clique no botão Fechar no canto superior direito da janela do aplicativo para fechá-lo.
Visão aprofundada
Esta lição mostrou como executar várias tarefas alterar a aparência e o comportamento da tela ContactList no aplicativo em execução.As etapas são semelhantes às etapas que você seguiria para executar as mesmas tarefas no Designer de tela em tempo de design, mas há algumas diferenças pequenas.Por exemplo, você não pode alterar o Nome para Exibição de uma tela no aplicativo em execução.Não há realmente nenhuma regra sobre se fazer alterações em tempo de execução ou em tempo de design; é uma questão de escolha pessoal.
Esta lição também mostrou como definir nomes para exibição, alterar tipos de controle e ordem, adicionar novos grupos e campos, definir posições de rótulo, e configurar campos apenas para navegação.Muitas outras personalizações de tela podem ser feitas, tanto no aplicativo em execução quanto em Designer de tela.Para obter mais informações, consulte Telas: A Interface do usuário do seu aplicativo..
Próximas Etapas
No próximo conjunto de lições, você aprenderá como criar consultas e como usá-las em telas.
Próxima lição: Filtragem de dados com consultas