Estilo Vidrio (Glass) para controles Silverlight o WPF


Escarbando información de Internet, encontré este estilo para aplicar a los controles con XAML, lo podemos usar en bordes, botones, cajas de texto, etc.

El estilo simula un efecto de un vidrio o espejo:



<Style x:Key="EstiloControlGlass" TargetType="Control">

            <Setter Property="BorderThickness" Value="2"/>

            <Setter Property="Padding" Value="5"/>

            <Setter Property="Background">

                <Setter.Value>

                    <LinearGradientBrush EndPoint="0.75,1" StartPoint="0.25,0">

                        <GradientStop Color="#33FFFFFF" Offset="0"/>

                        <GradientStop Color="#C0FFFFFF" Offset="0.287"/>

                        <GradientStop Color="#4011322D" Offset="0.683"/>

                        <GradientStop Color="#33FFFFFF" Offset="1"/>

                    </LinearGradientBrush>

                </Setter.Value>

            </Setter>

            <Setter Property="BorderBrush">

                <Setter.Value>

                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

                        <GradientStop Color="#5811322D" Offset="0"/>

                        <GradientStop Color="#3EFFFFFF" Offset="0.25"/>

                        <GradientStop Color="#FFFFFFFF" Offset="0.5"/>

                        <GradientStop Color="#3EFFFFFF" Offset="0.75"/>

                        <GradientStop Color="#BFFFFFFF" Offset="1"/>

                    </LinearGradientBrush>

                </Setter.Value>

            </Setter>

            <Setter Property="Effect">

                <Setter.Value>

                    <DropShadowEffect BlurRadius="3" ShadowDepth="3" Opacity="0.5"/>

                </Setter.Value>

            </Setter>

        </Style>

Para aplicar el estilo a un borde, solo cambien el TargetType, por “Border” 

Referencias:

http://www.sixin.nl/antoni-dol-blog/09-11-15/Silverlight_Style_GlassBorderStyle.aspx

http://ajdev.net/Publicacion/Articulo/50.aspx

Deseas comentar o sugerir algo?

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s