Wpf之图片按钮

 Wpf之图片按钮

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： Visual Studio 2015 * SQL Server

作者：

撰写时间：2019年07月17日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

在做项目中一般我们都不会使用按钮的原生按钮，在wpf中定义按钮的样式可以有很多，可以自定义改变它的样式，可以重写它的模板，接下来我说的是自定义改变它的样式，

先在页面写一个button的按钮

<Grid Margin="3">

                        <Grid.RowDefinitions>

                            <RowDefinition/>

                            <RowDefinition/>

                        </Grid.RowDefinitions>

                        <Button Grid.Row="0" Name="btnHospitalWork" Width="40"  Style="{ StaticResource btnMenu}" Margin="11,0,11.4,32.6" Grid.RowSpan="2">

                            <Image Width="35" Height="35" Source="Images/0028.png" HorizontalAlignment="Center" VerticalAlignment="Center"/>

                        </Button>

                        <Label Grid.Row="1" Content="文件(F)" Height="25" Name="labHospitalWork" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="Black"/>

                    </Grid>

 

 

然后在资源字典写它的样式，引用，然后在button按钮上引用静态资源字典即可。

<Style x:Key="btnMenu" TargetType="Button">

        <!--SnapsToDevicePixels默认值false-->

        <Setter Property="SnapsToDevicePixels" Value="True"/>

        <Setter Property="OverridesDefaultStyle" Value="True"/>

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{ x: