Como personalizar uma tela do Silverlight em um aplicativo em execuçã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 ver uma pré-visualização de como a tela irá ficar se você aplicar essas alterações.Para abrir a tela Modo de Personalização, clique no botão Criar Tela na parte superior da tela.

Observação
O botão Criar Tela aparece na parte superior de uma tela que é aberta somente no aplicativo em execução.Este botão não aparece acima de uma tela que está aberta no designer da tela.

Quando você tiver terminado de fazer suas alterações, clique no botão de Salvar para entregá-las.

Para uma demonstração de vídeo relacionada, consulte Como eu faço para: Criar uma tela de edição dos detalhes em um aplicativo de LightSwitch?.

Você pode usar a tela Modo de Personalização para realizar as seguintes tarefas de design:

• Adicionar um grupo de informações em uma tela.

• Modificar o layout de um grupo.

• Adicionar botões.

• Remover itens.

• Mover Itens.

• Mudar legendas do Item.

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

• Mostrar ou esconder um item.

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

• Desfazer alterações.

• Restaurar as propriedades do item para os seus valores padrão.

Para obter mais informações sobre como realizar tarefas de design utilizando o designer de tela, consulte Como criar uma tela do Silverlight usando o Designer de Tela.

Adicionar um Grupo de Informações em uma Tela.

1. Na Árvore de Conteúdo da Tela, selecione o nó para o qual você deseja adicionar um grupo de itens.

2. Clique no botão Adicionar Grupo.

3. Na Árvore de Conteúdo da Tela da tela Modo de Personalização, selecione o item (por exemplo, um campo ou um comando).

4. Ao lado da tela, clique nos botões Mover para Cima () e Mover para Baixo () para mover um item no grupo.

Modificar o Layout de um Grupo.

1. Na Árvore de Conteúdo da Tela, clique na seta para baixo próximo a um grupo que você deseja modificar.

   Uma lista suspensa aparece.A lista suspensa mostra todos os tipos de controle que estão disponíveis para o grupo.

2. Na lista suspensa de controles, selecione um tipo de controle.

   O tipo de controle que você selecionar afeta o layout de grupo.Para obter mais informações sobre cada tipo de controle, consulte Referência: Propriedades de Designer de tela.

Adicionar Botões

1. Na Árvore de Conteúdo da Tela, selecione o nó para o qual você deseja adicionar um grupo de itens.

2. Clique no botão Adicionar Botão, e então clique em Novo Botão.

Remover Itens

1. Na Árvore de Conteúdo da Tela da tela Modo de Personalização, selecione o item que você deseja remover da tela.

2. Ao lado da Árvore de Conteúdo da Tela, clique no botão Excluir ().

Mover Itens

1. Na Árvore de Conteúdo da Tela da tela Modo de Personalização, selecione o item (por exemplo, um campo ou um comando).

2. Ao lado da tela, clique nos botões Mover para Cima () e Mover para Baixo () para posicionar um item na lista de itens.

Mudar Legendas do Item

1. Na Árvore de Conteúdo da Tela da tela Modo de Personalização, selecione o item (por exemplo, um campo ou um comando).

2. Na janela Propriedades, selecione o campo Nome para Exibição, e então digite o texto que você deseja que apareça como a legenda do item.

Alterar a Posição do Rótulo de um Item.

1. Na Árvore de Conteúdo da Tela da tela Modo de Personalização, selecione o item (por exemplo, um campo ou um comando).

2. Na janela Propriedades, clique na lista suspensa em baixo de Posição do Rótulo, e então selecione a posição desejada.

   A tabela a seguir descreve cada opção.

   Posição do rótulo	Descrição
   Alinhado à esquerda	O rótulo aparece à esquerda do controle.
   Alinhado à direita	O rótulo aparece à direita do controle.
   Superior	O rótulo aparece acima do controle.
   Parte Inferior	O rótulo aparece abaixo do controle.
   Nenhum	Nenhum rótulo aparece para o campo de dados selecionado.
   Recolhido	O rótulo aparece como recolhido.

Mostrar ou Esconder um Item

1. Na Árvore de Conteúdo da Tela da tela Modo de Personalização, selecione o item (por exemplo, um campo ou um comando).

2. Na janela Propriedades, marque ou desmarque a propriedade É Visível.

   Se você selecionar É Visível, o item aparecerá na tela.Se você apagar É Visível, o item não será visível na tela.

Mudar o Tipo de Controle de um Item

1. Na Árvore de Conteúdo da Tela da tela Modo de Personalização, selecione a lista suspensa próxima ao item.

2. Da lista suspensa, clique no tipo de controle desejado.

   A maioria dos tipos de controle são tipos de controle internos.Você também pode definir o tipo de controle como um controle personalizado que você cria usando outras ferramentas.Para obter mais informações sobre controles personalizados, consulte Como adicionar um controle personalizado a uma tela do Silverlight.

Desfazer Alterações

• Na tela Modo de Personalização, clique em Cancelar.

  Todas as alterações que você fez desde que você abriu a tela Modo de Personalização serão descartadas.

  Observação
  Você não poderá desfazer edições individuais na tela Modo de Personalização.

Redefinir as Propriedades dos Itens para Seus Valores Padrão

1. Na Árvore de Conteúdo da Tela, selecione um nó que representa um grupo de itens.

2. Ao lado da Árvore de Conteúdo da Tela, clique no botão Redefinir Itens.

Consulte também

Tarefas

Como criar uma tela do Silverlight usando o Designer de Tela

Outros recursos

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