Ícones fáceis de usar em aplicativos Windows 8 usando a fonte Segoe UI Symbol
Ao criar seus "aplicativos de interface do usuário de estilo moderno do Windows" (leia-se: Metro), um aspecto difícil da criação pode ser encontrar ótimos ícones para ajudar a manter uma aparência consistente.
D Burela
2min read
Um truque pouco conhecido é que a Microsoft já criou uma coleção de ícones que você pode usar em seus aplicativos. Você só precisa usar a fonte "Segoe UI Symbol" e saber o código do caractere para o ícone.
Uma vantagem adicional de usar uma fonte de ícone é que os ícones são baseados em vetores e serão dimensionados com nitidez.
Para navegar pelos ícones disponíveis, abra o Mapa de caracteres (procure-o na tela inicial). Altere a fonte para Segoe UI Symbol e role até o final para ver as realmente boas.
Anote o valor hexadecimal do caractere desejado (E0EB na imagem de exemplo abaixo).
De dentro do aplicativo Windows 8, defina o FontFamily como "Segoe UI Symbol". Em seguida, informe ao XAML que você está usando o valor hexadecimal de um caractere colocando-o no formato 1111; O E comercial escapa da string, o #x o define como um valor hexadecimal, o ponto e vírgula fecha o caractere de escape.
Portanto, nosso ícone de avião seria definido em XAML assim:
A linha completa de XAML seria:
A captura de tela abaixo mostra os ícones que estão sendo exibidos no designer do Visual Studio.
Comece a explorar com o mapa de caracteres, você pode economizar muito tempo usando os ícones predefinidos que a Microsoft criou!