Aplicar recurso de estilo e tema a controles: Tutorial de desenvolvimento de aplicativos do Windows Phone - Parte 20

No último tutorial, aprendemos a aplicar recursos de estilo e tema aos nossos controles. Agora, nesta parte de nossa série de tutoriais , continuaremos trabalhando com estilos e recursos e aprenderemos como aplicar recursos de cores de nossa escolha.

Vamos começar a trabalhar com o mesmo projeto que criamos no último tutorial com um botão. Selecione esse botão e siga para a janela de propriedades. Quando você clica na pequena tecla de seta situada ao lado da propriedade Foreground, você notará que outra pequena janela se abre com diferentes blocos de cores e guias. Há quatro pequenas abas nessa pequena janela, a saber, Null Brush, Solid Color Brush, Gradient Brush e Image Brush. Por padrão, ele é definido como pincel sólido com cor branca (RGB: 0,0,0 e canal de transparência alfa definido como 255). Você pode escolher a cor desejada movendo o controle deslizante ao longo da barra vertical e depois o cursor circular para selecionar o tom exato. Você também pode escolher o iDropper usando o qual você pode adotar a cor de qualquer ferramenta disponível. Há muitas maneiras de modificar a cor nesse pincel de cores sólidas.

O mesmo acontece com o Gradient Brush. Ele executa tarefas semelhantes como pincel de cor sólida, mas oferece poucas opções adicionais. Dá-lhe uma série de paragens. Você pode usar essas paradas criativamente para obter diferentes tons entre a cor escolhida. Você também pode alterar a textura da cor usando opções como gradiente horizontal e gradiente vertical. O pincel de imagem permite que você escolha uma imagem como nosso recurso. Você pode adicionar uma imagem da mesma forma que adicionamos uma imagem no controle de imagem.

Por enquanto, use o pincel de gradiente de cor usando uma parada como eu fiz (veja a imagem). Agora, se você vir a janela XAML, verá que algum código é adicionado à janela XAML para o botão

Agora, suponha que, se quisermos adicionar a mesma cor de gradiente que adicionamos ao nosso botão para todos os outros controles em nossa página, Como fazemos isso? Para isso, vá para a propriedade foreground, onde definimos o pincel de cores gradiente e clique com o botão direito e selecione “Extrair valor para recurso”. Ele irá abrir uma pequena janela pop-up "Criar Recurso". Você pode nomear o recurso como quiser ou deixar como está. Então você pode escolher onde deseja salvá-lo, dependendo de onde você quer usar este recurso. Se você quiser usá-lo em uma única página, selecione MainPage.xaml, escolha App.xaml e clique em Ok.

Agora arraste outro botão na superfície do designer e vá para a propriedade foreground. Agora você encontrará nosso recurso personalizado sob o nome de recursos locais. Depois de clicar nele, você verá o segundo botão com a mesma cor do primeiro. E se houver várias propriedades que queremos aplicar ao nosso controle? Podemos fazer isso usando estilos. Um estilo é uma coleção de setters de propriedade. Vamos criar um novo estilo agora. Primeiro, apague todas as modificações que fizemos no último exemplo e obtenha um novo botão para começar de novo. Cole o seguinte código abaixo das declarações xmlsns.

Neste código, criamos duas propriedades de definidor para alterar a cor de borda e de primeiro plano. Depois disso, vá para o código do botão e adicione este trecho de código:

Style = "{StaticResource myStyle}".

Você notará que a cor da borda do botão e a cor do primeiro plano ficam vermelhas.

Agora se você quiser Para aplicar esse estilo a todo o seu aplicativo, corte o código entre o arquivo. Abra o arquivo App.xaml e cole-o entre as tags de recurso do aplicativo. Agora, se você voltar e verificar o botão, verá que o botão ainda exibe a cor vermelha.

Portanto, isso é tudo sobre Estilos e recursos no Windows Phone 7.5. No próximo capítulo, aprenderemos sobre navegar entre as páginas xaml.