WPF 之 Uri 加载图片
WPF 引入了统一资源标识 Uri(Unied Resource Identier)来标识和访问资源。其
中较为常见的情况是用 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
1
0
1
1
1
2
<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"/>