Silverlight玻璃边框样式的按钮

Silverlight玻璃边框样式的按钮,代码剪辑: Style x:Key=GlassBorderStyle TargetType=Border Setter Property=BorderThickness Value=2/ Setter Property=Padding Value=5/ Setter Property=Background Setter.Value LinearGradientBrush EndPoint=0.75,1 S

  

Silverlight玻璃边框样式的按钮,代码剪辑:

在项目的App.xaml中的<Application.Resources>之间添加以下代码,它表示控件的一种引用格式,以下面的代码

为例,它表示只要是Border控件,都可以引用GlassBorderStyle这种类型,即实现透明边框的效果。

<Style x:Key="GlassBorderStyle" TargetType="Border"> 
    <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>

使用上面的样式:

在要引用的xaml文件中添加以下代码,如:MainPage.xaml,即添加一个Border,它的类型是GlassBorderStyle。

<Border x:Name="GlassBorder" Height="100" Width="100" CornerRadius="10" Style="{StaticResource GlassBorderStyle}"> 
    <Button Content="OK"/> 
</Border>

 

在线演示

posted @ 2012-08-12 15:12  hzhzzu  阅读(81)  评论(0编辑  收藏  举报