如何给wpf的按钮添加背景图片

如何给wpf的按钮添加背景图片,第1张

1、首先你得打开你的VS2015,没有VS2015的下载安装一个,下载安装方法见一下经验。打开你的VS2015,创建一个WPF窗体程序

2、创建好的WPF窗体程序是这样的。中间的空白区域就是我们要更换的背景。

3、我们要更换的背景简单的就是VS2015系统自带的背景图片。在视图——属性窗口中调图窗体程序的属性,在属性的画笔栏中可以更改窗体程序的背景。

4、然后按键F5调试窗口看一下是否更改。

5、如果我想将WPF程序背景更改为任何一张其他的图片,就用复制、粘贴就可以了。

6、可以看到图片与应用程序的窗体大小不一致,我们只需要调节在图片边缘中部那里调整就行了。

7、修改好的图片就出来了,再按键F5调试运行一下看看效果。

wpf的控件可以使用trigger(触发器)来更改控件不同状态下的显示。

例如你要设置鼠标按下时字体的大小

<Style.Triggers>

<Trigger Property="IsPressed" Value="True">

<Setter Property="FontSize" Value="20"/>

</Trigger>

</Style.Triggers>

按照你的目标,你首先要修改button的模板。在button的template里加

<Grid>

<Image Name="img1" Source="/WpfApplication1component/Image/1.jpg" Visibility="Visible"/>

<Image Name="img2" Source="/WpfApplication1component/Image/2.jpg" Visibility="Collapsed"/>

<Image Name="img3" Source="/WpfApplication1component/Image/3.jpg" Visibility="Collapsed"/>

</Grid>

然后修改相应的trigger即可。

<Trigger Property="IsMouseOver" Value="True">

<Setter TargetName="img1" Property="Visibility" Value="Collapsed"/>

<Setter TargetName="img2" Property="Visibility" Value="Visible"/>

<Setter TargetName="img3" Property="Visibility" Value="Collapsed"/>

</Trigger>

<Trigger Property="IsPressed" Value="True">

<Setter TargetName="img1" Property="Visibility" Value="Collapsed"/>

<Setter TargetName="img2" Property="Visibility" Value="Collapsed"/>

<Setter TargetName="img3" Property="Visibility" Value="Visible"/>

</Trigger>

把图片添加到项目里面,属性改成资源,uri用相对的就行了,用pack uri

http://msdn.microsoft.com/zh-cn/library/aa970069.aspx


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11529533.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存