Buenos días seguidores,
Esta va a ser una entrada cortita, pero que hace tiempo tenía ganas de realizar. Indicar que el tema de diseño siempre ha sido, y es, un tema que me atrae. Y desde el primer momento que me introduzco a toquetear Windows Phone, una de las preguntas que tenía y miraba hacia referencia los estilos. Windows Phone tiene una guía de estilo excelente desde mi punto de vista.
Dejo un par de pantallas para que se pueda ver, dentro de las proporciones de la pantalla, mas visualmente de cada uno de los estilos que hacen referencia a los textos. Así como de los tamaños disponibles.
Tenía pensado indicar los puntos y tamaños exactos de cada tipología. Creo que es mejor dejar la referencia “Theme Resources for Windows Phone”. Es de gran ayuda para revisar los tamaños exactos, márgenes… y toda la información necesaria.
PhoneTextBlockBase |
TextBlock |
Style |
FontFamily: PhoneFontFamilyNormal FontSize: PhoneFontSizeNormal Foreground: PhoneForegroundBrush Margin: PhoneHorizontalMargin |
PhoneTextNormalStyle |
TextBlock |
Style |
BasedOn: PhoneTextBlockBase |
PhoneTextSubtleStyle |
TextBlock |
Style |
BasedOn: PhoneTextBlockBase Foreground: PhoneSubtleBrush |
PhoneTextTitle1Style |
TextBlock |
Style |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiLight FontSize: PhoneFontSizeExtraExtraLarge |
PhoneTextTitle2Style |
TextBlock |
Style |
BasedOn: PhoneTextBlockBase FontFamily:PhoneFontFamilySemiLight FontSize: PhoneFontSizeLarge |
PhoneTextTitle3Style |
TextBlock |
Style |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiLight FontSize: PhoneFontSizeMedium |
PhoneTextSmallStyle |
TextBlock |
Style |
BasedOn: PhoneTextBlockBase FontSize: PhoneFontSizeSmall Foreground: PhoneSubtleBrush |
PhoneTextLargeStyle |
TextBlock |
Style |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiLight FontSize: PhoneFontSizeLarge |
PhoneTextExtraLargeStyle |
TextBlock |
Style |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiLight FontSize: PhoneFontSizeExtraLarge |
PhoneTextGroupHeaderStyle |
TextBlock |
Style |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiLight FontSize: PhoneFontSizeLarge Foreground: PhoneSubtleBrush |
PhoneTextContrastStyle |
TextBlock |
Style |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiBold Foreground: PhoneContrastForegroundBrush |
PhoneTextAccentStyle |
TextBlock |
Style |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiBold Foreground: PhoneAccentBrush |
PhoneTextHugeStyle |
TextBlock |
Style |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilyLight FontSize: PhoneFontSizeHuge |
Espero que os sea tan útil como lo ha sido para mí.
Un saludo a todo el que me lea.
Melerin