Criar ou modificar um modelo (Blend for Visual Studio)

A aparência de um controle é definida pelo modelo aplicado a ele no artboard. O modelo inclui os objetos que estão contidos no controle. Por exemplo, o modelo de controle para TextBox contém Grid, que, por sua vez, contém o seguinte:

• BackgroundElement Propriedade de plano de fundo.

• BorderElement Pincel de borda.

• ContentElement Objeto ScrollViewer para a exibição de conteúdo.

• DeleteButton Para a execução de conteúdo em tempo de execução.

Modelos de controle são salvos como recursos que você pode aplicar a outros controles do mesmo tipo.

Para criar um modelo de controle

1. No painel Objetos e Linha do Tempo ou no artboard, selecione o objeto a partir do qual você deseja criar um modelo de controle e siga um destes procedimentos:

   • No menu Objeto, aponte para Editar Modelo.

   • Clique com o botão direito do mouse no objeto e aponte para Editar Modelo.

   • Na barra de navegação estrutural localizada na parte superior do artboard, clique no nome do objeto.

2. No menu suspenso exibido, siga um destes procedimentos:

   • Para criar um novo modelo vazio, clique em Criar Vazio.

   • Para criar um novo modelo baseado no modelo atualmente em uso pelo objeto selecionado (seja ele o modelo padrão para o objeto ou um modelo personalizado anteriormente criado), clique em Editar uma Cópia.

     Dica

     Se a opção Editar Atual estiver habilitada, significa que um modelo já está aplicado a este objeto. Como alternativa, você pode optar por editar esse modelo.

   A caixa de diálogo Criar Recurso de Estilo é exibida. Isso porque modelos de controle de recurso são armazenados em um recurso de estilo.

3. Em Nome (Chave), siga um destes procedimentos:

   • Para criar um novo estilo nomeado para o objeto, digite um nome de chave. Esse é o nome através do qual outros objetos podem fazer referência ao estilo, aplicando assim o modelo.

   • Para criar um estilo que será usado por todos os objetos desse tipo, selecione Aplicar a tudo.

     Dica

     No XAML para o objeto de estilo que será criado, um atributo com o nome TargetType será definido como o tipo de objeto para o qual você está criando o estilo.

     Um atributo x:Key apenas será definido se você tiver digitado um nome de chave (a primeira opção nesta etapa). A presença de um atributo x:Key permite que o estilo seja aplicado somente a objetos que especificam esse estilo de acordo com o nome da chave. A ausência de um atributo x:Key faz com que o estilo seja aplicado a todos os objetos desse tipo. Por exemplo, o objeto de estilo no exemplo de código a seguir não será aplicado a todos os botões do artboard.

     <Style x:Key="TextBoxStyle1" TargetType="TextBox">

4. Em Definir em, selecione a opção na qual você deseja que o estilo seja definido:

   • Para tornar o estilo disponível a qualquer documento no seu aplicativo, selecione Aplicativo.

   • Para tornar o estilo disponível apenas ao documento atual, selecione Este documento e escolha uma opção no menu suspenso.

   • Para definir o estilo em um arquivo de dicionário de recursos que possa ser reutilizado em outros projetos, selecione Dicionário de recursos.

5. Clique em OK para sair da caixa de diálogo e abrir o estilo para edição.

   Dica

   Você está criando um novo recurso de modelo efetivamente dentro de um estilo. Ele se tornará o recurso local e pode ser visualizado e modificado facilmente com o uso do botão Editar recurso no painel Recursos.

6. Note a barra de navegação estrutural do Blend for Visual Studio 2012 localizada na parte superior do artboard.

   Barra de navegação estrutural com o modo de edição de modelo selecionado

   

   Ao clicar nos botões na barra de navegação estrutural, você pode se mover rapidamente entre o modo de edição de modelo, o modo de edição de estilo e o escopo de edição de objeto para o objeto selecionado. A barra de navegação estrutural é exibida para qualquer objeto selecionado que tenha um modelo ou estilo personalizado aplicado.

7. Modifique seu modelo adicionando ou reorganizando objetos filho.

8. Você pode alterar a aparência ou o comportamento do seu objeto com base nos resultados da interação com o usuário, realizando um dos procedimentos a seguir:

   • Selecione um estado no painel Estados para ativar a gravação de estados e depois faça alterações nos objetos do seu modelo. Se o tipo do objeto oferecer suporte para partes, será possível atribuir as partes do modelo a diferentes objetos. Por exemplo, você poderia importar arte como objetos de Imagem e depois converter os novos objetos em partes do modelo. Os estados funcionam com partes de modelos para alterar a aparência do seu objeto em resposta à interação do usuário.

   • É possível gravar um código que será executado em resposta a um evento. No modo de exibição de Eventos do painel Propriedades, clique duas vezes no campo de entrada ao lado de um nome de evento para adicionar um método de manipulador de eventos ao arquivo code-behind do seu documento.

     Aviso

     Alterar alguns aspectos do modelo de um controle pode interromper a funcionalidade desse controle.

9. Para sair do escopo de edição do estilo, clique em Retornar escopo para no painel Objetos e Linha do Tempo. Isso fará com que você retorne ao escopo de edição do documento.

   Dica

   Observe que após a criação ou aplicação de um recurso de estilo a um objeto, um realce verde aparece no painel Propriedades da propriedade Style para indicar que o objeto agora está associado, ou vinculado, a esse recurso de estilo.

Para editar um modelo personalizado existente

1. Na barra de navegação estrutural localizada na parte superior do artboard, clique no terceiro botão.

   

2. No menu Objeto, aponte para Editar Modelo e clique em Editar Atual.

3. Clique com o botão direito do mouse no objeto, aponte para Editar Modelo e clique em Editar Atual.

4. No painel Propriedades, clique em Opções avançadas ao lado da propriedade Style (ela deve estar realçada em verde, pois você aplicou um estilo a esse objeto anteriormente) e depois clique em Editar Recurso no menu Opções avançadas. No painel Editar Recurso, faça suas alterações e clique em OK para sair:

   

   Note que, à medida que você faz alterações no painel Editar Recurso, essas alterações são automaticamente aplicadas a todos os objetos que usam esse estilo.

   Dica

   Você também pode editar facilmente um modelo clicando no objeto Style com o botão direito do mouse no painel Objetos e Linha do Tempo, apontar para Editar Modelo e depois clicar em Editar Atual.

   Dica

   Se a opção Editar Atual estiver desabilitada, significa que nenhum modelo foi aplicado ao objeto.

   Dica

   Você pode associar um modelo rapidamente no modo de edição de modelo clicando em Opções avançadas, ao lado da propriedade no painel Propriedades à qual você deseja criar uma associação, e depois clicando em Associação de Modelo.

Para abrir um modelo no painel Recursos

1. No painel Recursos, localize o nome do recurso e clique no botão Editar recurso ao lado desse nome.

   O Blend entra no escopo de edição do estilo.

2. Quando estiver no escopo de edição do estilo, clique com o botão direito do mouse no objeto Style no painel Objetos e Linha do Tempo, aponte para Editar Modelo e clique em Editar Atual.

   O Blend entra no escopo de edição do modelo.