Telas do cliente do Silverlight

Você pode criar e criar as melhores telas Silverlight- com base para seu aplicativo de LightSwitch entender os modelos, as ferramentas, e as tarefas que este tópico apresenta.

Observação
Usando Atualização 2 do Microsoft LightSwitch para Visual Studio você também pode criar telas HTML com base e otimizar-las para dispositivos móveis.Para obter mais informações, consulte Telas do cliente HTML para aplicativos do LightSwitch.

Modelos de Tela

Para começar, crie uma tela usando um dos seguintes modelos de tela:

• Nova Tela de Dados

• Tela de Dados de Pesquisa

• Tela de Detalhes

• Tela de Grade Editável

• Tela de Lista e Detalhes

Para obter informações sobre como escolher um modelo, consulte Escolhendo um tipo de tela.

Para obter informações sobre como localizar esses modelos, consulte Como criar uma tela do Silverlight.

Ferramentas de Design de Tela

Você pode alterar o design de uma tela utilizando o designer de tela ou abrindo a tela Modo de Personalização enquanto o aplicativo é executado.

Designer de Tela

O designer de tela mostra itens como campos de dados e comandos, e a árvore de conteúdo da tela, que é uma representação hierárquica de seus dados.Você pode arrastar itens para a árvore de conteúdo da tela e organizá-los na ordem que você deseja.

Para obter mais informações sobre o designer da tela, consulte Tour do Editor de tela.

Para obter mais informações sobre como criar uma tela, consulte Passo a passo: Criando uma tela.

Para obter mais informações sobre como executar tarefas específicas de design no designer de tela, consulte Como criar uma tela do Silverlight usando o Designer de Tela.

Tela de Modo de Personalização

Você pode alterar a aparência de uma tela enquanto o aplicativo é executado usando a tela Modo de Personalização.Você também pode fazer uma visualização prévia das modificações antes de aplicar as mudanças.Em a tela Modo de Personalização, você pode executar as seguintes tarefas de design enquanto o aplicativo é executado:

• Remover itens de uma tela

• Mudar legendas do item

• Alterar o tipo de controle de um item (por exemplo, um rótulo ou uma caixa de texto)

• Alterar a posição do rótulo de um item.

• Mostrar ou esconder um item

• Mover um item para outro local na tela

• Agrupar itens

• Adicionar botões a uma tela

• Desfazer alterações

• Redefinir as propriedades dos itens para os seus valores padrão

A ilustração a seguir mostra a tela de Modo de Personalização.

Para obter mais informações sobre a tela de Modo de Personalização, consulte Como personalizar uma tela do Silverlight em um aplicativo em execução.

Tarefas de Design de Tela

Para modificar o design de uma tela, você pode executar as seguintes tarefas:

• Modificar a aparência de uma tela

• Adicionar campos e comandos para uma tela

• Filtrar os dados que aparecem em uma tela

• Adicionar dados a uma tela

• Personalizar o menu de navegação de tela

• Modificar uma tela usando código

Modificar a Aparência de uma Tela

Você pode alterar como os dados aparecem em uma tela.Por exemplo, você pode configurar uma coleção de informações para aparecer como uma lista ou uma grade.Você pode alterar a ordem em que aparecem os campos, ou agrupar campos.

Para obter mais informações, consulte Como criar uma tela do Silverlight usando o Designer de Tela.

Para um exemplo sobre como fazer um design da aparência de uma tela que exibe informações do banco de dados de exemplo Northwind, consulte Personalizando a aparência da tela.

Adicionar Campos e Comandos para uma Tela

As telas LightSwitch fornecem comandos internos para que os usuários possam visualizar, atualizar, excluir, ou salvar dados.Você também pode adicionar comandos e campos personalizados.

Adicione um comando personalizado se você deseja adicionar qualquer tipo de lógica de negócios na tela.Por exemplo, você pode adicionar um botão para que um usuário possa visualizar uma lista de clientes com base no volume de vendas.Para obter mais informações, consulte Como adicionar um comando personalizado a uma tela do Silverlight.

Você pode adicionar campos de propriedades locais personalizados para coletar ou exibir informações.Por exemplo, você pode adicionar uma caixa de texto ao lado do botão de volume-vendas de modo que o usuário possa especificar quantos clientes eles querem que apareçam na lista.Para obter mais informações, consulte Como adicionar uma propriedade local a uma tela do Silverlight.

Adicionar Controles Personalizados a uma tela

Você pode adicionar controles do Silverlight a uma tela do LightSwitch.Use os controles do Silverlight para exibir ou coletar informações de maneiras que vão além dos recursos dos controles internos do LightSwitch.Você também pode usar um controle do Silverlight para substituir qualquer controle interno do LightSwitch que aparece na tela.Para obter mais informações, consulte Como adicionar um controle personalizado a uma tela do Silverlight.

Filtrar os Dados que Aparecem em uma Tela

Você pode filtrar os dados que aparecem em uma tela alterando as condições de consultas da tela.

Cada grupo de dados que aparece no painel esquerdo do designer é baseado em uma consulta.A tela exibe somente as informações que são retornadas por essas consultas.Para alterar informações que são exibidas para um grupo de dados, altere sua consulta.

Para obter mais informações, consulte Como filtrar dados em uma tela do Silverlight.

Adicionar Dados a uma Tela

Você pode adicionar outros tipos de dados para uma tela.Por exemplo, em uma tela que exibe clientes, você pode adicionar uma grade de dados que mostra uma lista de pedidos.Para obter mais informações, consulte Como: adicionar dados a uma tela.

Personalizar o Menu de Navegação de Tela

No aplicativo, um usuário pode abrir uma tela clicando em seu nome no menu de navegação.Você pode especificar a ordem em que você quer que essas telas apareçam no menu.Você também pode especificar que tela é exibida quando o aplicativo for iniciado, e você pode especificar se o usuário pode abrir várias telas que aparecem como guias.

Para obter mais informações, consulte Como: criar grupos de navegação e itens de Menu.

Permitir que Usuários Pesquisem Dados

LightSwitch fornece suporte interno para pesquisa.Quando seu aplicativo é executado, uma caixa de pesquisa é exibida acima de cada coleção de dados em uma tela.Um usuário pode digitar termos em uma das caixas de pesquisa, e pressionar ENTER para procurar por informações relacionadas.

Para obter informações sobre como ocultar uma caixa de pesquisa em uma tela, consulte Como criar uma tela do Silverlight usando o Designer de Tela.

Para obter informações sobre como excluir campos específicos de pesquisa, consulte Referência: Propriedades de Designer de dados.

O LightSwitch fornece um modelo que você pode usar para criar uma tela de pesquisa.Para obter mais informações, consulte Escolhendo um tipo de tela

Somente os campos do tipo String são considerados em uma solicitação de pesquisa.Além de isso, uma solicitação de pesquisa se aplica somente à coleção de dados associada.Por exemplo, uma caixa de pesquisa que aparece acima de uma coleção do cliente não pode ser usada para procurar informações sobre os pedidos que foram colocadas por um cliente.

Se você desejar fornecer uma experiência de pesquisa que considere campos que não são cadeia de caracteres ou informações que existem em coleções relacionadas, você deve implementar uma funcionalidade de pesquisa personalizado na sua tela.Para um exemplo sobre como fazer isso, consulte Creating a Custom Search Screen in Visual Studio LightSwitch.

Modificar uma Tela Usando Código

Você pode adicionar código para métodos parciais que são chamados por LightSwitch de modo que quando determinados eventos ocorrem em tempo de execução, a tela é alterada de maneira apropriada.Por exemplo, você pode adicionar código que oculta o nome de uma empresa que deseja permanecer anônima para os usuários do seu aplicativo.Esse código examinaria os nomes de empresa dos clientes e, quando encontrar uma correspondência, definiria a propriedade IsVisible do campo CompanyName para False antes de a informação ser exibida na tela.

Para obter mais informações sobre onde escrever seu código, consulte Como tratar eventos de telas do Silverlight e Como adicionar um comando personalizado a uma tela do Silverlight.

Para obter mais informações sobre como adicionar código que modifica uma tela, consulte Como modificar uma tela do Silverlight usando código.

Tópicos relacionados

Nome	Descrição
Escolhendo um tipo de tela	Descreve os modelos que você pode usar como ponto de partida para criar telas.
Como criar uma tela do Silverlight	Mostra como adicionar telas ao seu aplicativo.
Tour do Editor de tela	Ilustra as partes do designer e suas funções.
Passo a passo: Criando uma tela	Mostra como fazer o design de uma tela que exiba dados do banco de dados de exemplo Northwind.
Como criar uma tela do Silverlight usando o Designer de Tela	Mostra como utilizar o designer de tela.
Como personalizar uma tela do Silverlight em um aplicativo em execução	Mostrar como personalizar a aparência de uma tela enquanto o aplicativo está sendo executado.
Como adicionar uma propriedade local a uma tela do Silverlight	Mostra como adicionar um campo propriedade local personalizado para uma tela.
Como adicionar um comando personalizado a uma tela do Silverlight	Mostra como adicionar um botão ou link que executa código personalizado em uma tela.
Como adicionar um controle personalizado a uma tela do Silverlight	Mostra como criar um controle fora do LightSwitch, e então usá-lo em uma tela LightSwitch.
Como: adicionar dados a uma tela	Mostra como adicionar dados de outras consultas em uma tela.
Como filtrar dados em uma tela do Silverlight	Mostra como usar consultas para controlar quais os dados que aparecem na tela.
Como tratar eventos de telas do Silverlight	Descreve como personalizar seu aplicativo escrevendo código que é executado quando determinados eventos ocorrem.
Como modificar uma tela do Silverlight usando código	Descreve como usar código para alterar controles e interagir com itens em uma tela.
Referência: Propriedades de Designer de tela	Descreve as propriedades de itens que aparecem na lista de membros da tela e na árvore de conteúdo na tela do designer da tela.Você pode alterar a aparência e o comportamento de itens usando a janela de Propriedades para definir o valor das propriedades.
Gerando relatórios e imprimindo no LightSwitch	Descreve as opções disponíveis para adicionar relatórios e os recursos de impressão para um aplicativo de LightSwitch .