Como parte da série de tutoriais do Windows Phone, no último tutorial, vimos como criar um botão personalizado no Expression Blend. Neste tutorial, você atualizará o modelo de controle para adicionar diferentes estados visuais que permitirão que o botão mostre um contorno quando estiver focalizado e altere sua posição na página para indicar quando ele é pressionado.
1. No Objetos e Linha do Tempo painel, selecione o Fronteira ao controle.
2. Agora, mude para o Estados painel e verifique os estados visuais disponíveis para o controle de botão.
3. Sob o FocusStates categoria, selecione o Desfocado estado para ativar a gravação para o estado acionado quando o botão não tem o foco. Quaisquer alterações no modelo enquanto neste modo se aplicam apenas a esse estado específico.
- Selecione Fronteira no Objetos e Linha do Tempo painel
- No Propriedades painel, expanda o Escovas categoria e selecione o BorderBrush propriedade
- Clique no Mostrar propriedades avançadas ícone e definir o Opacidade propriedade da escova para0
5. Volte para o Estados painel e selecione o Pressionado estado no CommonStates categoria para ativar a gravação para o estado acionado quando o mouse é clicado.
6. No Propriedades painel, expanda o Transformar categoria e selecione o Traduzir transformar. Colocou o X e Y valores para2. Essa mudança produz uma ligeira mudança na posição do botão sempre que é clicado, sugere que ele seja pressionado.
7. Finalmente, no Estados painel, selecione o Base modelo para desligar o modo de gravação
8. Pressione CTRL + S para salvar o arquivo atualizado.
9. Agora que você concluiu a adição de estados visuais ao controle personalizado, está pronto para testar o botão atualizado:
- Pressione F5 para criar e executar o aplicativo
- Digite algum texto e pressione a tecla Tab para alterar o foco de entrada para o botão
- Observe que, quando o botão tem foco, uma borda aparece ao redor do botão, indicando que ele está ativo
- Agora, pressione a barra de espaço ou clique no botão e observe como sua posição muda para indicar que ela está deprimida
É isso aí!
Posts relacionados:
- Instaladores offline do Windows Live Essentials para TODOS os idiomas Links
- Windows Phone Tutorial 9: Criando um botão personalizado no Expression Blend (Parte 2)
- Unidade de teste do sistema operacional Windows no VirtualBox - Guia detalhado de capturas de tela
- Tutorial do Windows Phone 11: Criando uma animação para o texto do banner
- Diferentes estados de suspensão do sistema no Windows 10/8