Telas do cliente Silverlight para aplicativos do LightSwitch

Você pode criar as melhores telas baseadas no Silverlight para seu aplicativo LightSwitch entendendo os modelos, as ferramentas e as tarefas que este tópico apresenta.

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 encontrar esses modelos, consulte Como criar uma tela do Silverlight.

Ferramentas de design de tela

Você pode modificar o design de uma tela usando o designer de tela ou abrindo a tela Modo de Personalização enquanto o aplicativo está em execução.

Designer de tela

O designer de tela exibe itens como campos de dados e comandos, além da árvore de conteúdo da tela, que é uma representação hierárquica dos dados. É possível arrastar itens para a árvore de conteúdo da tela e organizá-los na ordem desejada.

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

Para obter mais informações sobre como criar uma tela, consulte Instruções passo a passo: criando uma tela do Silverlight no LightSwitch.

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

Tela Modo de Personalização

Você pode modificar a aparência de uma tela enquanto o aplicativo é executado usando-se a tela Modo de Personalização. Você também pode visualizar as modificações antes de aplicar as alterações. Na tela Modo de Personalização, você pode executar as seguintes tarefas de design enquanto o aplicativo está em execução:

• Remover itens de uma tela

• Alterar 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 ocultar 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 Modo de Personalização.

Para obter mais informações sobre a tela 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, é possível realizar as seguintes tarefas:

• Modificar a aparência de uma tela

• Adicionar campos e comandos a uma tela

• Filtrar os dados exibidos em uma tela

• Adicionar dados a uma tela

• Personalizar o menu de navegação da tela

• Modificar uma tela usando código

Modificar a aparência de uma tela

É possível modificar como os dados são exibidos em uma tela. Por exemplo, você pode configurar uma coleção de informações para serem exibidas como uma lista ou uma grade. É possível alterar a ordem na qual os campos são exibidos ou agrupar campos.

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

Para obter um exemplo sobre como criar a aparência de uma tela que exiba informações do banco de dados de exemplo Northwind, consulte Personalizando a aparência da tela em um aplicativo LightSwitch.

Adicionar campos e comandos a uma tela

As telas do LightSwitch fornecem comandos internos para que os usuários possam exibir, atualizar, excluir ou salvar dados. Também é possível adicionar comandos e campos personalizados.

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

É possível adicionar campos de propriedades locais personalizados para coletar ou exibir informações. Por exemplo, é possível adicionar uma caixa de texto próxima do botão de volume das vendas de forma que o usuário possa especificar quantos clientes eles querem exibir 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 exibido na tela. Para obter mais informações, consulte Como adicionar um controle personalizado a uma tela do Silverlight.

Filtrar os dados exibidos em uma tela

É possível filtrar os dados exibidos em uma tela modificando-se as condições de consultas da tela.

Cada grupo de dados exibido no painel à esquerda do designer se baseia em uma consulta. A tela exibe apenas as informações retornadas por essas consultas. Para alterar informações que são exibidas para um grupo de dados, modifique sua consulta.

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

Adicionar dados a uma tela

É possível adicionar outros tipos de dados a uma tela. Por exemplo, em uma tela que exibe clientes, é possível adicionar uma grade de dados que mostre uma lista de pedidos. Para obter mais informações, consulte Como adicionar dados a uma tela.

Personalizar o menu de navegação da tela

No aplicativo, um usuário pode abrir uma tela clicando em seu nome no menu de navegação. É possível especificar a ordem na qual você deseja que essas telas apareçam no menu. Você também pode especificar qual tela é exibida quando o aplicativo é iniciado, além de especificar se o usuário pode abrir várias telas exibidas como guias.

Para obter mais informações, consulte Como criar itens de menu e grupos de navegação no LightSwitch.

Permitir que usuários pesquisem dados

LightSwitch dá 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 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 pesquisas, consulte Referência: propriedades do 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 à coleta 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 feitos por um cliente.

Se quiser fornecer uma experiência de pesquisa que considere campos que não sejam cadeias de caracteres ou informações que existam em coleções relacionadas, você deverá implementar uma funcionalidade de pesquisa personalizada na sua tela. Para ver um exemplo de como fazer isso, consulte Creating a Custom Search Screen in Visual Studio LightSwitch.

Modificar uma tela usando código

Você pode adicionar código a métodos parciais chamados pelo LightSwitch de modo que, quando determinados eventos ocorrem no tempo de execução, a tela é modificada de maneira apropriada. Por exemplo, é possível adicionar o código que oculta o nome de uma empresa que deseja permanecer anônima para os usuários do aplicativo. Esse código examinaria os nomes de empresa dos clientes e, quando encontrasse uma correspondência, definiria a propriedade IsVisible do campo CompanyName como False antes das informações serem exibidas na tela.

Para obter mais informações sobre onde gravar 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 um código que modifica uma tela, consulte Como modificar uma tela do Silverlight usando código.

Tópicos relacionados

Título	Descrição
Escolhendo um tipo de tela	Descreve os modelos que é possível usar como ponto de partida para criar telas.
Como criar uma tela do Silverlight	Mostra como adicionar telas para o aplicativo.
Tour do Designer de Tela	Ilustra as partes do designer e suas funções.
Instruções passo a passo: criando uma tela do Silverlight no LightSwitch	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 usar o designer de tela.
Como personalizar uma tela do Silverlight em um aplicativo em execução	Mostre 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 de propriedade local personalizado a 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 usá-lo em uma tela LightSwitch.
Como adicionar dados a uma tela	Mostra como adicionar dados de outras consultas a uma tela.
Como filtrar dados em uma tela do Silverlight	Mostra como usar consultas para controlar quais dados são exibidos na tela.
Como tratar eventos de telas do Silverlight	Descreve como personalizar seu aplicativo gravando o código executado quando determinados eventos ocorrem.
Como modificar uma tela do Silverlight usando código	Descreve como usar código para modificar controles e interagir com itens em uma tela.
Referência: propriedades do Designer de Tela	Descreve as propriedades de itens exibidos na lista de membros da tela e na árvore de conteúdo da tela do designer de tela. É possível modificar a aparência e o comportamento de itens usando-se a janela 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 recursos de impressão a um aplicativo LightSwitch.