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(0);
                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(0);
                backgroundBmp = await BitmapFactory.New(image.PixelWidth, image.PixelHeight).FromStream(stream);
                this.DataContext = backgroundBmp;
            }
        }

        private WriteableBitmap backgroundBmp;

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

代码：戳