Блог

Мне успешно удалось привязать изображения, хранящиеся в изолированном хранилище, к элементам «Изображения» внутри списка, определенного в XAML, без каких-либо проблем.

Что я сделал, так это использовал свойство, которое сохраняло имя и местоположение изображения в изолированном хранилище, и IValueConverter, чтобы фактически открыть файл и получить его поток.

Я удивлен, увидев, что я не могу сделать это в новом XAML с еще более простой настройкой. Все, что у меня есть, это:

         <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <Grid.Resources>
            <c:BinaryToImageSRCConverter x:Key="imageConverter" />
        </Grid.Resources>
        <Image Name="TheImage" Source="{Binding PhotoName, Converter={StaticResource imageConverter}}" Width="430" Height="430" VerticalAlignment="Center" Stretch="UniformToFill">
        </Image>
    </Grid>
 

и это то, что у меня есть в представлении модели:

         public string PhotoName { get; set; }
        PhotoName = "Images\0.jpg";
 

Путь и имя файла указаны правильно, поэтому проблема «не найти файл» не является проблемой.

Моя проблема в том, что метод Convert моего IValueConverter никогда не вызывается.

Как я упоминал ранее, я успешно использую этот конвертер в другом XAML (в том же проекте), и все работает правильно. Единственное отличие заключается в том, что я привязываюсь к изображению, используемому ListBox.

Любые идеи или подсказки относительно того, почему метод Convert моего IValueConverter не вызывается в этом сценарии?

Спасибо!

Вот что я пробовал:

1. Реализация INotifyPropertyChanged:

    public class PhotoNameClass : INotifyPropertyChanged
   {
   public string PhotoNameValue = string.Empty;
   
   public event PropertyChangedEventHandler PropertyChanged;
   
   private void NotifyPropertyChanged(String info)
   {
       if (PropertyChanged != null)
       {
           PropertyChanged(this, new PropertyChangedEventArgs(info));
       }
   }
   
   public string PhotoName
   {
       get
       {
           return this.PhotoNameValue;
       }
       set
       {
           if (value != this.PhotoNameValue)
           {
               this.PhotoNameValue = value;
               NotifyPropertyChanged("PhotoName");
           }
       }
   }
   
   }
    

Вот как я присвоил свойство:

     public partial class ShowContent : PhoneApplicationPage
{
    PhotoNameClass photoClass = new PhotoNameClass();
}
   protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
    {
      photoClass.PhotoName = "Images\0.jpg";
      base.OnNavigatedTo(e);
    }
 

1. Using DependencyProperty

    public partial class ShowContent : PhoneApplicationPage
    

   {
   // PhotoNameClass photoClass = new PhotoNameClass();

    public string PhotoName
   {
       get { return (string)GetValue(PhotoNameProperty); }
       set { SetValue(PhotoNameProperty, value); }
   }
   
   public static readonly DependencyProperty PhotoNameProperty = DependencyProperty.Register("PhotoName", typeof(string), typeof(ShowContent), new PropertyMetadata("")); 
   
   protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
   {
      PhotoName = "Images\0.jpg";
   }
    

Here are the relevant parts of the XAML:

         <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <Grid.Resources>
            <c:BinaryToImageSRCConverter x:Key="imageConverter" />
        </Grid.Resources>
        <Image Name="TheImage" Source="{Binding PhotoName, Converter={StaticResource imageConverter}}" Width="430" Height="430" VerticalAlignment="Center" Stretch="UniformToFill">
        </Image>
    </Grid>
 

где c определяется как:

     xmlns:c="clr-namespace:ImageApplication"
 

Спасибо.

Обновить

Я использую реализацию INotifyPropertyChanged, чтобы предоставить доступ к моей собственности.

Я изменил код XAML на этот:

         <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <Grid.Resources>
            <c:PhotoNameClass x:Key="photoClass" />
            <c:BinaryToImageSRCConverter x:Key="imageConverter" />
        </Grid.Resources>
            <Image Source="{Binding PhotoName, Converter={StaticResource imageConverter}}" DataContext="{StaticResource photoClass}" Width="430" Height="430" VerticalAlignment="Center" Stretch="UniformToFill">
            </Image>
    </Grid>
</Grid>
 

Поэтому я добавил атрибут «DataContext» элемента изображения, указывающий имя класса, который переносит мое свойство. В этом сценарии вызывается метод Convert IValueConverter. Однако это неправильно, так как я получаю ошибку в XAML при добавлении DataContext: «Невозможно определить идентификатор приложения вызывающего» и, конечно, при переходе в метод Convert моя строка «value» пуста, поэтому «правильное» «PhotoName» не заполняется.

Спасибо за любые идеи…

PS Вот как я определил свой метод преобразования IValueConverter:

 namespace ImageApplication
{
  public class BinaryToImageSRCConverter : IValueConverter
  { 
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    { // <-- Breakpoint here. Never gets triggered except after I added the "DataContext" attribute to the XAML image element.
      // but in that case, "value" is an empty string.
        if (value != null amp;amp; value is string)
        {
               ... 
 

ИСПРАВЛЕНО ОБНОВЛЕНИЕ

Я устранил эту проблему. Я присвоил имя класса, переносящее мое свойство, свойству DataContext изображения, определенного в коде XAML.

Спасибо вам всем. Я надеюсь, что это кому-нибудь там поможет.

Он никогда не вызывается, потому что ваше свойство не вызывает PropertyChanged уведомления. Вам нужно либо сделать его a DependencyProperty , либо реализовать INotifyPropertyChanged и вызвать PropertyChanged событие, когда задано значение свойства.