95.WPF中图片控件的使用与资源路径设置 WPF例子 C#例子

XML 复制代码
        <Image x:Name="Image3" Width="80" Height="80" Grid.Row="4" Grid.Column="1" Margin="5" MouseDown="Image3_MouseDown"/>
cs 复制代码
            Image3.Source = new BitmapImage(new Uri("C:\\Users\\zhich\\Desktop\\石头剪刀布\\MyWpfTemplate\\Views\\石头.jpg", UriKind.Absolute));

在WPF(Windows Presentation Foundation)开发中,Image 控件是一个非常常用的控件,用于在界面中显示图片。那么如何在WPF中使用Image控件,并通过代码动态设置图片资源路径呢?

一、XAML中的Image控件定义

在XAML中,Image控件的定义非常简单,我们可以通过设置其属性来指定图片的大小、位置等信息。

  • MouseDown="Image3_MouseDown" :为该Image控件添加一个鼠标按下事件处理程序Image3_MouseDown,当用户按下鼠标时,会触发这个事件。

二、代码后台设置图片资源

在XAML中定义了Image控件后,我们通常需要在代码后台动态设置图片资源。

  • Image3.SourceImage控件的Source属性用于设置图片的源。这里我们通过代码动态赋值。

  • new BitmapImage(new Uri(...)) :创建一个BitmapImage对象来加载图片。BitmapImage是WPF中用于表示位图图像的类。

  • new Uri("C:\\Users\\zhich\\Desktop\\石头剪刀布\\MyWpfTemplate\\Views\\石头.jpg", UriKind.Absolute) :创建一个Uri对象来指定图片的路径。这里的路径是绝对路径,指向了本地磁盘上的图片文件。UriKind.Absolute表示这是一个绝对路径。

三、总结

通过上述介绍,我们了解了在WPF中使用Image控件的基本方法,包括在XAML中定义控件和在代码后台设置图片资源。同时,我们也探讨了使用绝对路径、相对路径和资源文件的不同方式及其优缺点。在实际开发中,建议根据具体需求选择合适的方式,以提高程序的可维护性和性能。

希望这篇文章对你有所帮助!如果你有任何疑问或建议,欢迎在评论区留言交流。

相关推荐
墨染天姬26 分钟前
【AI】comfy UI详解
人工智能·ui
程序员杰哥1 小时前
独立搭建UI自动化测试框架
自动化测试·软件测试·python·selenium·测试工具·ui·测试用例
廖松洋(Alina)1 小时前
07答案比对与反馈UI-鸿蒙PC端Electron开发
javascript·ui·华为·electron·开源·harmonyos·鸿蒙
UI设计兰亭妙微1 小时前
兰亭妙微|全球化产品设计手册:从国际化适配到本地化深耕,UI设计公司出海实践指南
ui·b端界面设计·高端网站设计
Soari2 小时前
【体验飞跃】Claude Code v2.1.136:解决 MCP 认证丢失,WSL2 剪贴板增强与 UI 细节大修
ui
大树前端老司机2 小时前
工控领域UI升级需求增加原因
ui·界面设计·工控设计
The Shio3 小时前
OptiByte 操练场:面向 IoT/嵌入式的协议可视化调试工具
网络·嵌入式硬件·物联网·c#·.net·业界资讯·iot
ZC跨境爬虫4 小时前
跟着 MDN 学 HTML day_41:(DOMParser 接口详解)
前端·javascript·ui·html·音视频
龙侠九重天5 小时前
C# 调用 TensorFlow:迁移学习与模型推理实战指南
人工智能·深度学习·机器学习·c#·tensorflow·迁移学习·tensorflow.net