WPF之Button控件应用

　　测试环境: Windows xp + Microsoft Visual Studio 2010 + Microsoft Expression Blend4 + .Net4.0

　　具体应用:

　　1. 创建透明的Button

1. <Image Source="back.bmp" Grid.Row="0" Stretch="UniformToFill" />  
2. <Button x:Name="TranButton" Content="透明Button" Margin="3" Grid.Row="0">  
3.     <Button.OpacityMask>  
4.         <LinearGradientBrush StartPoint="0,70" EndPoint="3,0">  
5.             <GradientStop Offset="0" Color="Black"/>  
6.                 <GradientStop Offset="1" Color="Transparent"/>  
7.         </LinearGradientBrush>  
8.     </Button.OpacityMask>  
9. </Button>  

　　2. 创建带图片的按钮

1. <Button x:Name="ImageButton" Margin="3" Grid.Row="1" HorizontalAlignment="Left">  
2.     <StackPanel Margin="1" Orientation="Horizontal" Width="620">  
3.         <Image Source="back.bmp" Stretch="UniformToFill" Width="160"/>  
4.         <TextBlock Width="130" />  
5.         <TextBlock Text="图片按钮" Margin="1,15,1,1"/>  
6.     </StackPanel>  
7. </Button>  

　　3. 鼠标移动变色的按钮

　　1) 首先设置鼠标的样式

1. <Style x:Key="ButtonFocusVisual">  
2.     <Setter Property="Control.Template">  
3.         <Setter.Value>  
4.             <ControlTemplate>  
5.                 <Rectangle Margin="3" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"
    StrokeThickness="1" StrokeDashArray="1 2"/>  
6.             </ControlTemplate>  
7.         </Setter.Value>  
8.     </Setter>  
9. </Style>  
10. <LinearGradientBrush x:Key="ButtonNormalBackgroundFill" EndPoint="0.5,1" StartPoint="0.5,0">  
11.     <GradientStop Color="#FFFFFFFF" Offset="0"/>  
12.     <GradientStop Color="#FFF0F0EA" Offset="0.9"/>  
13. </LinearGradientBrush>  
14. <SolidColorBrush x:Key="ButtonBorder" Color="#FF003C74"/>  
15. <Style x:Key="MouseButtonStyle" TargetType="{x:Type Button}">  
16.     <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>  
17.     <Setter Property="Background" Value="{StaticResource ButtonNormalBackgroundFill}"/>  
18.     <Setter Property="BorderBrush" Value="{StaticResource ButtonBorder}"/>  
19.     <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>  
20.     <Setter Property="HorizontalContentAlignment" Value="Center"/>  
21.     <Setter Property="VerticalContentAlignment" Value="Center"/>  
22.     <Setter Property="Template">  
23.         <Setter.Value>  
24.             <ControlTemplate TargetType="{x:Type Button}">  
25.                 <Microsoft_Windows_Themes:ButtonChrome x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}"   
26.                     Fill="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}"   
27.                     RenderPressed="{TemplateBinding IsPressed}" RenderDefaulted="{TemplateBinding IsDefaulted}"  
28.                     SnapsToDevicePixels="true" ThemeColor="NormalColor">  
29.                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"   
30.                          Margin="{TemplateBinding Padding}" RecognizesAccessKey="True"   
31.                          SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"   
32.                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>  
33.                 </Microsoft_Windows_Themes:ButtonChrome>  
34.                           <ControlTemplate.Triggers>  
35.                         <Trigger Property="IsKeyboardFocused" Value="true">  
36.                             <Setter Property="RenderDefaulted" TargetName="Chrome" Value="true"/>  
37.                         </Trigger>  
38.                         <Trigger Property="ToggleButton.IsChecked" Value="true">  
39.                             <Setter Property="RenderPressed" TargetName="Chrome" Value="true"/>  
40.                         </Trigger>  
41.                         <Trigger Property="IsEnabled" Value="false">  
42.                             <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>  
43.                         </Trigger>                                      
44.                         <Trigger Property="IsMouseOver" Value="true">                       
45.                             <Setter Property="Background" Value="Blue" />                       
46.                         </Trigger>              
47.                     </ControlTemplate.Triggers>  
48.             </ControlTemplate>  
49.         </Setter.Value>  
50.     </Setter>  
51. </Style>  

　　2)设置Button 按钮

1. <Button x:Name="MouseButton" Margin="3" Grid.Row="2" Content="鼠标移动变色按钮" Style="{DynamicResource MouseButtonStyle}"/>  

　　4. 创建有倒影的Button

1. <StackPanel Orientation="Vertical" Margin="3" Grid.Row="5" >  
2.     <Button x:Name="ReflectionButton" Content="具有倒影的按钮"  Height="35" Margin="3" />          
3.     <Rectangle RenderTransformOrigin="1,0.5" Height="40">  
4.           <Rectangle.Fill>  
5.                     <VisualBrush Visual="{Binding ElementName=ReflectionButton}"></VisualBrush>  
6.           </Rectangle.Fill>  
7.               <Rectangle.OpacityMask>  
8.                    <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">  
9.                         <GradientStop Offset="0.3" Color="Transparent"></GradientStop>  
10.                         <GradientStop Offset="1" Color="Red"></GradientStop>  
11.                     </LinearGradientBrush>  
12.               </Rectangle.OpacityMask>  
13.               <Rectangle.RenderTransform>  
14.                     <ScaleTransform ScaleY="-1"></ScaleTransform>  
15.               </Rectangle.RenderTransform>  
16.         </Rectangle>  
17. </StackPanel>  

　　5. 改变Button显示的外观

1. <Button x:Name="TypeButton" Margin="3" Grid.Row="3" Content="改变鼠标形状按钮">  
2.        <Button.Clip>  
3.                <EllipseGeometry RadiusX="90" RadiusY="132" Center="310,135"></EllipseGeometry>                                        
4.        </Button.Clip>  
5. </Button>   

　　6. 创建有下拉按钮的Button

1. <Button x:Name="TwoButton" Margin="3" Grid.Row="4" HorizontalAlignment="Left">  
2.     <Button.Content>  
3.         <StackPanel Orientation="Horizontal" Margin="1">  
4.             <TextBlock Width="250"/>  
5.             <TextBlock Text="可以点击下拉框的按钮"/>  
6.             <TextBlock Width="218"/>  
7.             <Polygon Stroke="Black" StrokeThickness="1" Points="0,0,15,20,30,0,0,0" Fill="Black"/>  
8.         </StackPanel>  
9.     </Button.Content>  
10. </Button>  

　　本文来自wangyong0921的博客，原文地址：http://blog.csdn.net/wangyong0921/article/details/6948026

Button 透明效果

　　本文来自work hard work smart的博客，原文地址：http://www.cnblogs.com/linlf03/archive/2011/11/08/2241135.html

最后

以上就是糊涂黑裤为你收集整理的WPF之Button控件应用的全部内容，希望文章能够帮你解决WPF之Button控件应用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。