Windows store app[Part 2]:全新的File System与Uri不匹配的问题

在Win 8 App的安全沙箱内，除了使用文件选取器FileOpenPicker外，没有其他办法调用某个盘符的数据。

全新的Storage命名空间，借鉴了IOS与Android的设计。

下面引用一个图片绑定的简单例子：

原来WPF我们可以这样写:

     <Grid Background="Red">
         <Image x:Name="bg1" Source="ms-appx:///Assets/shanghai.jpg"></Image>
     </Grid>

也可以在Code-Behind这样写:

this.DataContext = new BitmapImage(new Uri("ms-appx:///Assets/shanghai.jpg"));

XAML:

 <Image x:Name="bg1" Source="{Binding}"></Image>

效果都是这样：

下面我们用Win8 App的Storage来重写一下上面的代码。

为了举例，我们需要引用本地图片库的图片文件。

在AppPackage.appxmanifest中，加上配置

   <Capabilities>
     <Capability Name="picturesLibrary" />
   </Capabilities>

Code-Behind:

             var file = KnownFolders.PicturesLibrary.GetFileAsync("shanghai.jpg").AsTask().Result;
 
             this.DataContext = new BitmapImage(new Uri(file.Path));

运行程序，图片并没有显示，这说明Storage是不支持Uri的。

解决方案1：通过读取File的Stream，Set Image的Source，代码如下：

             var file = await KnownFolders.PicturesLibrary.GetFileAsync("shanghai.jpg");
             using (var fileStream = await file.OpenAsync(FileAccessMode.Read)) {
                 BitmapImage image = new BitmapImage();
                 image.SetSource(fileStream);
                 this.DataContext = image;
             }

解决方案2：通过WriteBitmap类实现，代码如下：

         async private void GetImage() {
             var file = await KnownFolders.PicturesLibrary.GetFileAsync("shanghai.jpg");
             using (var stream = await file.OpenAsync(FileAccessMode.Read)) {
                 BitmapImage image = new BitmapImage();
                 image.SetSource(stream);
                 stream.Seek();
                 backgroundBmp = new WriteableBitmap(image.PixelWidth, image.PixelHeight);
                 await backgroundBmp.SetSourceAsync(stream);
                 this.DataContext = backgroundBmp;
             }
         }
 
         private WriteableBitmap backgroundBmp;

同样，也可以通过引用WriteableBitmapEx.WinRT简化写法，代码如下：

         async private void GetImage() {
             var file = await KnownFolders.PicturesLibrary.GetFileAsync("shanghai.jpg");
             using (var stream = await file.OpenAsync(FileAccessMode.Read)) {
                 BitmapImage image = new BitmapImage();
                 image.SetSource(stream);
                 stream.Seek();
                 backgroundBmp = await BitmapFactory.New(image.PixelWidth, image.PixelHeight).FromStream(stream);
                 this.DataContext = backgroundBmp;
             }
         }
 
         private WriteableBitmap backgroundBmp;

解放方案1和2的区别，WriteableBitmap可以精确指定生成的Image的区域，这样就可以通过WriteableBitmap实现图片的缩放，裁剪。

代码：戳