帮忙修改上这段代码，加入图片 wpf

2012-07-15

帮忙修改下这段代码，加入图片 wpf让这这个按钮有图片。。。怎么弄。。我不要其他的方法。其他的方法鼠标停留在

帮忙修改下这段代码，加入图片 wpf
让这这个按钮有图片。。。怎么弄。。
我不要其他的方法。其他的方法鼠标停留在按钮上会一闪一闪的

XML code

<Button Margin="336,209,381,182">            <Button.Template>                <ControlTemplate TargetType="{x:Type Button}" >                    <Border CornerRadius="10" BorderBrush="Gray" BorderThickness="1" Background="#FFEFEFEF" Cursor="Hand">                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>                    </Border>                </ControlTemplate>            </Button.Template>        </Button>

[解决办法]
为Button 添加图片---WPF
在WPF中，让button显示为一个Image，可以设置其BackGround为Image或者Content为Image，不过这两种方法都有一些问题~~

1、可以把Button的content设置为一个Image，不过图片的周围有个边框，影响美观~

<Button>

<Image Source="" />

</Button>

2、通过设置Background,不过还是有一个边框

3、重写一个ControlTemplate，并用ImagBrush 填充一个Image

<UserControl.Resources>
<ControlTemplate x:Key="btnup" TargetType="{x:Type Button}">
<Grid>
<Rectangle HorizontalAlignment="Right" Width="11" Height="12">
<Rectangle.Fill>
<ImageBrush ImageSource="images\ico_up.png" ></ImageBrush>
</Rectangle.Fill>
</Rectangle>

</Grid>
</ControlTemplate>

<ControlTemplate x:Key="btndown" TargetType="{x:Type Button}">
<Grid>
<Rectangle HorizontalAlignment="Right" Width="11" Height="12">
<Rectangle.Fill>
<ImageBrush ImageSource="images\ico_down.png" ></ImageBrush>
</Rectangle.Fill>
</Rectangle>
</Grid>
</ControlTemplate>

</UserControl.Resources>

<Button Template="{StaticResource btnup}" />
<Button Template="{StaticResource btndown}" />

[解决办法]
在其中子项中加入Image控件即可

热点排行

C#

帮忙修改上这段代码，加入图片 wpf