Depois de aprender sobre o Image Control, nesta parte da nossa série de tutoriais, aprenderemos mais sobre como projetar aspectos de aplicativos em vez de funcionalidade. Aprenderemos sobre como usar a opção de cores do usuário em seu aplicativo, também veremos diferentes fontes e configurações de cores e, finalmente, veremos como combinar configurações personalizadas que criaremos em estilos, que podem ser usados em uma única página ou em todo o aplicativo.
Vamos começar imediatamente. Crie um novo projeto com algum nome como de costume e coloque um botão em qualquer lugar que você quiser. Agora inicie o emulador e clique no botão iniciar. Então você pode ir para a aba de configurações (clique na seta direcional exibida ao lado do ícone do IE). Agora, quando você acessar as configurações, vá para os temas. Aqui você pode usuário pode alterar a cor de fundo, bem como cor de primeiro plano. Agora, se você selecionar uma cor de primeiro plano diferente e iniciar o aplicativo, não verá diferenças no estilo do aplicativo, pois não pedimos que nosso aplicativo obedeça à escolha dos usuários.
Então onde estão esses recursos estáticos definidos? Você não poderá pesquisá-los em nosso projeto. Eles já estão presentes em nosso Windows Phone 7.5 e são conhecidos como recursos de tema. Se você quiser saber mais sobre os recursos do tema, há uma ótima página no MSDN, na qual todos os recursos escovados (recursos estáticos) estão listados. Embora existam dezenas de recursos listados, usaremos apenas um recurso para nosso aplicativo, o PhoneAccentBrush. Isso dará acesso ao plano de fundo e à cor do primeiro plano. Podemos adicionar esse recurso usando qualquer uma das duas maneiras, adicionando-o por meio de janelas de propriedades ou definindo-o na janela de código.
Vamos começar a editar o código. Comece a digitar as seguintes linhas na área de código para o botão que temos na janela XAML.
BorderBrush = "{StaticResource PhoneAccentBrush}"
Depois de escrever esta linha, você notará que a borda do botão fica azul. Agora porque azul? Porque estas são algumas configurações padrão que a Microsoft fez na ferramenta de desenvolvimento do Windows Phone. Vamos mudar agora a propriedade foreground, mas desta vez usando a janela de propriedades. Selecione o botão e vá para a janela de propriedades e pesquise a propriedade Foreground. Clique com o botão direito do mouse nessa propriedade e clique em “Apply Resource”. Depois de fazer isso, ele mostrará uma lista de estilos disponíveis. Clique em "PhoneAccentBrush" como fizemos com o fundo. Agora tente alterar o plano de fundo, bem como a cor de primeiro plano do emulador e, em seguida, executar o aplicativo.
