Silverlight常见问题答疑1 ---- Silverlight如何定位图片

Silverlight如何定位图片

问题

经常有人问我Silverlight开发的时候怎么Image控件发生无法找到图片的问题,在这里做一个详细的分析,希望对遇到类似问题的人有些帮助。

分析

从问题本质来说,大家忽略了Silverlight应用程序是嵌入到网页中的一个独立的应用程序,这点是寻求问题的关键,而一般程序对资源文件的使用无非是uri的定位问题,而在uri定位中最常犯的错误就是绝对定位和相对定位问题,这里是问题的症结所在。

解决

1、 编译成资源

首先我们看一下程序结构

clip_image002

首先我们必须将a1.jpg添加到项目中来。这样才能使用它的Build Action属性。

clip_image004

1) 编译成Resource

该选项则直接将该图片编译成程序集中

clip_image006

程序代码:

System.Windows.Media.Imaging.BitmapImage bitmapImage = new System.Windows.Media.Imaging.BitmapImage();

bitmapImage.UriSource = new Uri("images/a1.jpg", UriKind.Relative);

image1.Source = bitmapImage;

注意:此处在“images/a1.jpg”前面不要加“/”,因为和程序集没有相对位置可言。

2) 编译成None,并将“Copy to Output Directory”设置为Copy always,此时不会编译到xap文件里面,而是编译到ClientBin目录下。

奇怪的狠,编译的时候没有将该资源复制到ClientBin目录下,如下

clip_image008

所以这时候我们必须人工将images目录拷贝到ClientBin目录下,这时候程序中的代码必须是“/images/a1.jpg”。

3) 编译成Content,“Copy to Output Directory”设置为所谓

clip_image010

此时images作为一个单独的目录存在于xap包中,可以被xap包中的所有程序集共享使用,对于这些程序集而言还是相对目录,所以仍然需要“/images/a1.jpg”格式来访问。

2、 引用网站资源

在实际应用中我们往往需要用到网站应用程序目录下图像信息,此时可以参考如下代码,一看就知。

System.Windows.Media.Imaging.BitmapImage bitmapImage = new System.Windows.Media.Imaging.BitmapImage();

bitmapImage.UriSource = new Uri(HtmlPage.Document.DocumentUri, "/images/a1.jpg");

//bit.UriSource = new Uri( "http://localhost:7871/images/a1.jpg");(一般用于跨网站访问)

//bit.UriSource = new Uri( "http://localhost:7871/images/a1.jpg",UriKind.Absolute);(一般用于跨网站访问)

image1.Source = bitmapImage;

夜已深,人已困,文字懒得整理,大家将就着看吧
posted @ 2009-05-24 23:27 NineFlowers 阅读(1222) 评论(3) 编辑 收藏

 回复 引用 查看   
#1楼 2009-05-25 11:16 nasa      
: ) 这种写法还是第一次看到。
 回复 引用 查看   
#2楼 2009-05-25 13:48 xiafan      
还有Embeded Resource 这个用的比较多
 回复 引用   
#3楼 2009-05-25 13:48 nineflowers1[未注册用户]
@nasa
为什么如此说法,有其他更好的做法么?敬请赐教