Tour do Editor de tela

Você pode criar uma tela utilizando o designer de tela.O designer de tela abre quando você cria uma tela ou quando você clica duas vezes em qualquer nó da tela no Gerenciador de Soluções.

Este tópico contém as seções a seguir:

• Designer de Tela em um Relance

• Lista de Membros de Tela

• Árvore de Conteúdo da Tela

• Barra de Comandos do Designer de Tela

Designer de Tela em um Relance

O designer de tela consiste na lista de membros de tela, na barra de comandos do designer de tela e na árvore de conteúdo da tela.A ilustração a seguir mostra o local de cada área no designer de tela.

Lista de Membros de Tela

A lista de membros de tela contém os itens que estão disponíveis para a tela.Esses itens incluem dados, métodos e propriedades locais.Você pode inserir esses itens na sua tela arrastando-os para a árvore de conteúdo da tela.

Por padrão, a lista de membros de tela contém os métodos associados com os comandos básicos de uma tela (Por exemplo: o comando Salvar).A lista também contém coleções de dados que você seleciona no assistente de Adicionar Nova Tela.Você também pode adicionar itens à lista de membros de tela.

A ilustração a seguir mostra a lista de membros de tela.

Dados na Lista de Membros de Tela

Na lista de membros de tela, os dados que estão disponíveis para a tela aparecem como nós de coleção.Você pode visualizar os campos de uma coleção expandindo o nó da coleção.Você pode adicionar uma coleção de dados à tela arrastando o nó da coleção da lista de membros de tela para a árvore de conteúdo da tela.Você também pode arrastar campos individuais da lista de membros da tela para a árvore de conteúdo da tela.

Você pode alterar a aparência e o comportamento de uma coleção usando a janela Propriedades.Você pode especificar quais linhas de dados aparecerão em uma coleção clicando no link Editar Consulta próximo ao nome da coleção.Para obter mais informações, consulte Como filtrar dados em uma tela do Silverlight.

Propriedades Locais na Lista de Membros de Tela

Você pode adicionar campos personalizados chamados de propriedades locais para coletar ou exibir informações.Como coleções e campos, você pode arrastar propriedades locais da lista de membros de tela para a árvore de conteúdo da tela.Na árvore de conteúdo da tela, as propriedades locais aparecem como controles (Por exemplo: uma caixa de texto).Para obter mais informações, consulte Como adicionar uma propriedade local a uma tela do Silverlight.

Métodos na Lista de Membros de Tela

Um método é uma unidade de lógica de negócio que você pode associar a um botão na tela.Arraste métodos para qualquer nó da barra de comandos na árvore de conteúdo da tela.O designer de tela adiciona automaticamente um botão que o usuário pode clicar para executar o método.Para obter mais informações, consulte Como adicionar um comando personalizado a uma tela do Silverlight.

Árvore de Conteúdo da Tela

A árvore de conteúdo da tela representa o conteúdo de uma tela como uma hierarquia de nós chamada grupos.Você pode expandir ou recolher grupos para visualizar os comandos, as propriedades locais, e os campos de dados que estão contidos no grupo.

A ilustração a seguir mostra a árvore de conteúdo da tela:

Você pode especificar a maneira na qual você deseja que a informação seja organizada em um grupo selecionando layouts de controle grupo.Você também pode adicionar grupos a outros grupos e adicionar, remover e posicionar campos e comandos.Para obter mais informações sobre como executar qualquer uma destas tarefas na árvore de conteúdo da tela, consulte Como criar uma tela do Silverlight usando o Designer de Tela.

Barra de Comandos do Designer de Tela

A barra de comandos do designer de tela aparecerá diretamente acima da árvore de conteúdo da tela.Esta barra de comandos contém os comandos que você pode usar para editar a consulta de uma coleção, adicionar coleções, criar propriedades locais e métodos, remover informações de uma tela e escrever código personalizado que é executado quando determinados eventos relacionados a tela ocorrem.A tabela a seguir descreve cada botão na barra de comandos do designer de tela:

Comando	Descrição
Editar Consulta	Use este comando para modificar a consulta de uma coleção de dados.Este comando aparece somente se você selecionar o título de uma coleção na lista de membros de tela.Para obter mais informações, consulte Como filtrar dados em uma tela do Silverlight.
Adicionar Item de Dados	Use este comando para adicionar um método, uma propriedade local ou uma coleção de dados à tela. Para obter mais informações, consulte qualquer um dos seguintes tópicos: Como adicionar um comando personalizado a uma tela do Silverlight. Como: adicionar dados a uma tela. Como adicionar uma propriedade local a uma tela do Silverlight.
Adicionar Item de Layout	Use este comando para adicionar um botão, um grupo ou um controle personalizado à tela. Para obter mais informações sobre como adicionar botões e grupos, consulte Como criar uma tela do Silverlight usando o Designer de Tela. Para obter mais informações sobre como adicionar um controle personalizado, consulte Como adicionar um controle personalizado a uma tela do Silverlight.
Excluir	Use este comando para excluir itens que aparecem na lista de membros de tela ou na árvore de conteúdo da tela.
Reset	Use o comando para redefinir controles ao seus tipos de controle padrão e adicionar para reinserir campos que você havia removido.Este comando se aplica somente a certos tipos de controles.
Escrever Código	Use este comando para abrir o arquivo de código de tela.No arquivo de código de tela, na lista suspensa de Declarações, você pode selecionar os métodos que você deseja estender. Na barra de comandos do designer de tela, você pode clicar na seta suspensa próxima ao botão Escrever Código para revelar uma lista de métodos que se aplicam ao item que está atualmente selecionado na árvore de conteúdo da tela ou lista de membros de tela.Desta lista, você pode selecionar os métodos que você deseja estender.Para obter mais informações, consulte Como tratar eventos de telas do Silverlight.

Consulte também

Tarefas

Como criar uma tela do Silverlight

Como criar uma tela do Silverlight usando o Designer de Tela

Como personalizar uma tela do Silverlight em um aplicativo em execução

Conceitos

Referência: Propriedades de Designer de tela

Outros recursos

Telas: A Interface do usuário do seu aplicativo.