图像未在 Windows Phone 8 中显示

Question

我在显示来自 ApplicationData.Current.LocalFolder 的图像时遇到问题。 我能够保存图像并将其存储在LocalFolder 中，但将其显示在Image 控件或LongListSelector 中时，图像不会显示。

代码如下：

private async void StoreToFile(string imageFileName)
{
   StorageFile file = await ApplicationData.Current.LocalFolder.CreateFileAsync(imageFileName, CreationCollisionOption.GenerateUniqueName);
   using (Stream current = await file.OpenStreamForWriteAsync())
   {
      await photoStream.CopyToAsync(current);
   }
}

这里是绑定的代码：

var folder = ApplicationData.Current.LocalFolder;
var images = await folder.GetFilesAsync();
Recent.ItemsSource = images.ToList();

XAML 代码：

<phone:PivotItem Name="pivot1" Header="item2" Background="White">
   <phone:LongListSelector x:Name="Recent" Margin="0,0,0,72" ItemsSource="{Binding lst}" >
      <phone:LongListSelector.ItemTemplate>
         <DataTemplate>
            <StackPanel>
               <Image  Source="{Binding Path}" Width="60"/>
            </StackPanel>
         </DataTemplate>
      </phone:LongListSelector.ItemTemplate>
   </phone:LongListSelector>
</phone:PivotItem>

我能够将路径绑定到 TextBlock 并能够看到确切的路径，例如：

C:\Data\Users\DefApps\AppData{GUID}\Local\bucket.png

但如果我绑定到图像源，图像不会显示。

谁能看出我做错了什么？

Answer 1

您需要使用 msappx uri 方案：

new Uri("ms-appx:///myimage.jpg");

Answer 2

正如 ToniPetrina 在评论中所说 - 你不能绑定到 Path，你的属性应该返回 BitmapImage。我想到了两种方法：

• 为您的属性提供一个特殊的 getter，它将返回 BitmapImage（下面的一些代码）
• 在绑定到独立存储映像时提供转换器 - here is very nice example

第一个解决方案的示例代码如下所示：
在 Xaml 中：

<ListBox Name="myList" Grid.Row="2">
    <ListBox.ItemTemplate>
       <DataTemplate>
             <Image Source="{Binding GetImgSource}" Width="60"/>
       </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

在后面的代码中：

public class Images : INotifyPropertyChanged
{
   public event PropertyChangedEventHandler PropertyChanged;
   private string imgSource = "";
   public string SetImgSource // setter - string
   {
      set
      {
        imgSource = value;
        RaiseProperty("GetImgSource");
      }
   }
   public BitmapImage GetImgSource // getter - BitmapImage
   {
     get
     {
        if (String.IsNullOrEmpty(imgSource)) return null;
        BitmapImage temp = new BitmapImage();

        using (IsolatedStorageFile ISF = IsolatedStorageFile.GetUserStoreForApplication())
          using (IsolatedStorageFileStream file = ISF.OpenFile(imgSource, FileMode.Open, FileAccess.Read))
              temp.SetSource(file);

        return temp;
     }
  }

  public void RaiseProperty(string property = null)
  {
      if (this.PropertyChanged != null)
          this.PropertyChanged(this, new PropertyChangedEventArgs(property));
  }
}

ObservableCollection<Images> myImg = new ObservableCollection<Images>();

myList.ItemsSource = myImg; // somewhere