Operaciones básicas de programación con Metro y Windows 8 (XIV)
Utilizando Segoe UI Symbol
Utilizando Segoe UI Symbol (I)
Introducción
Cuando hablaba en una entrada posterior de la barra de aplicación, hablaba de la fuente de letra Segoe UI Symbol de Windows 8.
Aunque esta fuente de letra se incorporó en Windows 7, es en Windows 8 cuando ha logrado obtener mayor relevancia e importancia, sobre todo para nuestras aplicaciones Metro.
En esta entrada vamos a resolver la posible duda que puede surgirnos acerca de visualizar cada uno de los caracteres especiales que podemos encontrar en esta fuente de letra y que podemos utilizar en nuestras aplicaciones.
Acceder a los símbolos
Lo primero que debemos hacer es acceder a los símbolos.
Para ello, abriremos el Panel de Control y accederemos a Fuentes.
Dentro de las fuentes de letra, pulsaremos la opción Buscar un carácter del panel de la izquierda.
Dentro de esta ventana, accederemos a la fuente de letra Segoe UI Smbol.
Ahora sólo nos quedará saber cómo extraer el código de un carácter especial.
Si nos movemos por la barra de scroll de esta ventana, observaremos más o menos de la mitad hacia abajo, que empiezan a aparecer caracteres especiales.
Bastará con hacer clic sobre uno de ellos para obtener el código de ese carácter y fijarnos en el código que nos indica la ventana Mapa de caracteres.
Una vez que hemos anotado el código del carácter que queremos utilizar, tan sólo nos queda utilizarlo en nuestra aplicación.
Utilizando el símbolo del carácter obtenido
Iniciaremos una nueva aplicación Metro de nombre Sample5 y dentro de la página principal de la aplicación insertaremos un control TextBlock.
El código XAML asociado quedará de la siguiente manera:
1: <TextBlock Margin="200,200,0,0" FontFamily="Segoe UI Symbol" FontSize="124" Text="⏰" />
Si lo queremos, podemos obviar el nombre de la fuente, ya que en Metro y por defecto, la fuente de letra utilizada es Segoe UI Symbol.
Por lo tanto, podemos dejar nuestro código XAML de la siguiente manera:
1: <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
2: <Canvas>
3: <TextBlock Margin="200,200,0,0" FontSize="124" Text="⏰" />
4: </Canvas>
5: </Grid>
Nuestra aplicación quedará por lo tanto de la siguiente manera:
Cabe destacar, que esta fuente de letra contiene más de 1000 códigos diferentes de iconos que podremos utilizar en nuestras aplicaciones Metro, de ahí la importancia de comentar esto y de escribir esta entrada. Para que sepamos y conozcamos las herramientas que tenemos a nuestro alcance y los recursos que a veces nos pueden ahorrar mucho tiempo.
2 Responsesso far
Muy buena serie Jorge, y qué siga !!! 🙂
Saludos
Muchas gracias por los ánimos! 🙂
Seguirá seguirá… cuando el tiempo me lo permite en casa después de llegar de tabajar.