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