读书人

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

发布时间: 2012-07-15 20:11:29 作者: rapoo

帮忙修改下这段代码,加入图片 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#

热点推荐