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>