WPF Image控件 Source绑定路径方法

最新推荐文章于 2024-07-11 15:01:30 发布
最新推荐文章于 2024-07-11 15:01:30 发布
阅读量1.4w 收藏 2
点赞数 2
分类专栏： C# 零碎向前
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lzziaini/article/details/84035724
版权

最近在做WPF项目时，要通过Image 来添加图片显示，使用其ImageSource属性来设置image图片的路径进行绑定。

最初用的绝对路径进行绑定,没有什么问题，只要将图片所在的绝对路劲复制粘贴就好了。

但是，当整个项目的路径发生了变化（将图片放在项目工程目录内的）时，就有问题了，需要手动更改绝对路径。

后面将其改为相对路径，就解决了这个问题：

首先要将图片添加到项目中：

然后在Xaml前台添加路径绑定：ImageSource="/WPFLoginTestDemo;component/timg.jpg"

 

/WPFLoginTestDemo;  ：这是你的工程文件的名称，或者说是你的图片对应的程序集的名称

component ：component是固定前缀，是必须的，我一开始不知道，习惯的用ImageSource="../WPFLoginTestDemo/timg.jpg"的写法，这样不会写时不会报错，但是在启动调试到这里时就会报异常

/timg.jpg ：这是图片的相对路径（相对于程序的路径），当前可执行程序目录一般在 …/bin/Debug(Release)/XXX.exe

有的时候这样做会在程序的生成目录下复制一份该图片，我们只需要按下面设置图片的属性就可以不复制了。

另：相对路径要求比较严格，C#中指定Source时图片的“生成操作”属性必须是“Resource”

最爱谷
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
WPF中Image控件的Source属性
weixin_30482383的博客
02-28 221
imgBook 是一个Image控件，在后台代码中我想给它指定Source的属性。我先如下方式进行： Uri uri = new Uri(strImagePath, UriKind.RelativeOrAbsolute); imgBook.Source = new BitmapImage(uri); strImagePath是图片的绝对路径。 在另一处代...
WPF 中的Imagesource
02-19
WPF中的ImageSource详解，给WPF中自动生成代码的兄弟们看看
C#-WPF byte[]转ImageSource，图片保存常用方法
最新发布
rwo_bear的博客
07-11 245
【代码】WPF-C# byte[]转ImageSource常用方法。
WPF 控件【I】Image(一)提供 4种 Image控件source绑定方法：绝对路径、BitmapImage、CommandParameter传递对象、Binding+imageSource
xpj8888的博客
10-30 1万+
主要参考https://www.cnblogs.com/lunawzh/p/6694082.html 其他参考https://blog.csdn.net/qq_36242487/article/details/79172895 https://bbs.csdn.net/topics/370258603 简介 本博客将提供几种方法说明Image控件 source 的绑定方式。 一、直接管理...
WPF资源路径
shaily读书学习
08-23 969
在项目中增加两张图片Content.jpg和Resource.jpg，分别将其生成操作属性设置为Content和Resource。     在界面中增加两个Image控件ImgContent和ImgResource，在XAML中分别设置Source路径为Content.jpg和Resource.jpg。运行后ImgResource能正常显示图片，但是ImgContent控件无显示。将Content
ImageSource的使用心得
蛋疼先生的手札
02-04 1046
很多时候，我们会使用图片来装饰UI，比如作为控件背景等。 而这些图片可以分为两种形式，即存在于本地文件系统中的图片和存在于内存中的图片 对于这两种形式的图片，在WPF中，使用方法不同，下面主要说明针对这两种形式图片的使用方法 一、存在于本地文件系统中的图片文件 对于此类图片，使用非常简单，在xaml中直接指定路径即可，如： 1<Button> 2    <Butt...
WPF中的Image控件Source的设置
热门推荐
qq_34811513的博客
06-27 5万+
WPF中的Image控件Source的设置1.XAML中简单的方式(Source="haha.png");image控件的Source设置为相对路径后（Source="haha.png"）运行不能显示解决方案：当Source设置为相对路径后（Source="haha.png"）改成“/WpfApplication1;component/haha.png”。2.逻辑代码中img.Source = n...
wpf Image控件 加载SVG图片
10-31
通过这种方式，你可以利用SharpVectors库将SVG图像转换为WPF兼容的ImageSource，并将其显示在Image控件中。这种方式不仅适用于单独的SVG图像，还可以应用于需要动态加载SVG资源或处理大量SVG图标的场景。 需要注意...
WPF用Image加载SVG，案例，带小工具
11-02
这里，`Application.LoadComponent`函数用于加载XAML资源，`GeometryDrawing.ToImageSource`方法将Geometry对象转换为ImageSource，然后将其设置为Image控件的Source。 在WPF软件或插件开发中，这种技术可以帮助你...
WPF 分页控件
11-03
同时，可以使用`BitmapImage`或`ImageSource`来加载和显示图片。通过遍历指定目录下的所有图片文件，将它们的路径添加到数据源中。 对于“图片水波效果”，这是WPF中动画和视觉效果的一个示例。WPF的图形渲染引擎...
WPF Image 点击事件
08-26
在Windows Presentation Foundation (WPF)中，Image控件用于显示图像。然而，WPF的Image控件默认并不直接支持点击事件，这使得开发者在需要对图片进行交互时可能会感到困扰。本文将详细介绍如何定义和实现WPF Image...
WPF中Image控件Source属性的相对路径和绝对路径问题（经验总结）
04-04
WPF中Image控件Source属性的相对路径和绝对路径问题的开发经验总结，亲测通过！
imageSource
02-13
imageSource
WPF实现的图片轮播控件
10-12
可以将图片的URL集合绑定到控件的ItemsSource属性，然后在模板中设置Image控件的Source属性为相应的数据项。 3. **动画效果**：为了实现图片的平滑过渡，我们可以利用Storyboard和DoubleAnimation。通过改变Image...
6、Wpf.Image Resouce绑定
roujian0985的博客
10-14 2219
未能使用转换器“TargetDefaultValueConverter”将值“pack://application:,,,/Resource/LeftMainContent/Brush_16x.png”(类型“String”)转换为目标类型。如果可用，将使用回退值。IOException:'System.IO.IOException: 找不到资源“resource/brush_16x.png”。
WPF中Image控件Source的多种指定方式
weixin_46407807的博客
01-17 1974
（1）Source="pack://application:,,,/label里面的Content;-- 其中“folder”是文件夹，“label里面的Content”是命名空间，”component“是固定的。然后使用就直接Source="{StaticResouce keyName}"3、将图片放到App.xaml中，再StaticResource指定。2、使用ImageSourceConverter，这样写得比较复杂。2、将图片放到项目里面，设置图片为资源；1、直接绝对路径直接给Source。
（转）WPF中Image控件Source属性的相对路径和绝对路径问题（经验总结）
weixin_30379973的博客
03-29 965
下载自：http://download.csdn.net/detail/xinzhe5468/5220351 WPF中Images控件路径问题 在WPF当中，我们经常用到Image控件来展示图片。Image控件通过Source属性来控制要现实的图片。 前台Xaml修改Source。通过前台Xaml代码为Image指定Source属性时可以是图片的相对路径也可以是图片的绝对路径。绝...
wpf image绑定
07-16
在WPF中，你可以使用数据绑定来将Image控件与数据源进行关联。这样你就可以动态地显示不同的图片，而无需在代码中手动更改图片路径。 首先，你需要创建一个数据源，例如一个ViewModel类。在这个类中，你可以定义一个属性，用于存储图片的路径： ```csharp public class ViewModel : INotifyPropertyChanged { private string _imagePath; public string ImagePath { get { return _imagePath; } set { _imagePath = value; OnPropertyChanged(nameof(ImagePath)); } } // 实现INotifyPropertyChanged接口的代码... } ``` 接下来，在XAML中，你需要将Image控件的Source属性与ViewModel的ImagePath属性进行绑定。你可以使用Binding语法来实现： ```xaml <Image Source="{Binding ImagePath}" Width="100" Height="100" /> ``` 在这个例子中，我们将Image控件的Source属性绑定到ViewModel的ImagePath属性。 最后，在代码中，你需要将ViewModel设置为界面的数据上下文（DataContext）。这样，WPF框架就会自动将界面上的控件与ViewModel进行绑定。你可以在代码中添加以下代码： ```csharp public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); ViewModel viewModel = new ViewModel(); viewModel.ImagePath = "path/to/your/image.png"; // 设置初始图片路径 DataContext = viewModel; } } ``` 在这个例子中，我们创建了一个ViewModel实例，并将其设置为MainWindow的DataContext。 这样，当你更改ViewModel的ImagePath属性时，界面上的Image控件的Source属性也会自动更新，从而显示新的图片。 希望这能帮助到你！如果还有其他问题，请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值