WPF之Uri加载图片
WPF引入了统一资源标识Uri(Unified Resource Identifier)来标识和访问资源。其中较为常见的情况是用Uri加载图像。Uri表达式的一般形式为:协议+授权+路径
协议:pack://
授权:有两种。一种用于访问编译时已经知道的文件,用application:///。一种用于访问编译时不知道、运行时才知道的文件,用siteoforigin:///。在这里加载图片时,我们选用前者,即application:///,但是书写时候,我们一般用逗号代替斜杠,也就是改写作application:,,,。
路径:分为绝对路径和相对路径。这里我们选用相对路径,普适性更强。
下面,我们举一个简单的例子:
pack://application:,,,/images/my.jpg
当然,WPF默认Uri设置有pack://application:,,,,所以我们也可以直接将其写作:
/images/my.jpg
后边写例子程序时,为了让读者更好的了解Uri,我们都采用完整的Uri写法。
下面在讲讲装载图片的两种方式,一种用XAML引用资源,一种用代码引用资源。
用XAML引用资源:
<Image Source="pack://application:,,,/images/my.jpg"/>
用代码引用资源:
Image img;
img.Source=new BitmapImage(new Uri("pack://application:,,,/images/my.jpg"),UriKind.Relative);
我们写一个例子代码。在其中运用XAML,代码两种方式引用资源。
Window1.xaml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <Window x:Class= "testURI.Window1" xmlns= "http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x= "http://schemas.microsoft.com/winfx/2006/xaml" Title= "Window1" Height= "400" Width= "240" > <!--堆积面板是最简单的控制面板--> <StackPanel> <!--1.XAML中引用图片资源--> <!--也可用Image Name= "image1" Source= "pack://application:,,,/images/1.jpg" Height= "165" Width= "220" /--> <Image Name= "image1" Source= "pack://application:,,,/images/1.jpg" Height= "165" Width= "220" /> <!--定义Image对象,但是没有指定图片源,待在代码中指定Source源--> <Image Name= "image2" Height= "165" Width= "220" /> </StackPanel> </Window> |
Window1.xaml.cs
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; namespace testURI { public partial class Window1 : Window { public Window1() { InitializeComponent(); //2.代码中引用图片资源 image2.Source = new BitmapImage( new Uri( "/images/2.jpg" , UriKind.Relative)); } } } |
文档结构:
最终实现截图如下:=========
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步