Блог

Я отчаянно пытаюсь привязать образ (который находится в подкаталоге каталога установки приложения). Я использую MVVM и .Net 3.5, легко найти путь к изображению и вернуть строку, Uri или растровое изображение в свойстве и использовать его в xaml.

Я попробовал все эти три формата привязать к UriSource в изображениях.Ресурсы, но ни один из них не работал. Я также попытался связать UriSource со свойством String с помощью конвертера, но безуспешно!

Изображение не отображается.

Возможно ли этого достичь ? Тогда чего же мне не хватает ?

xaml:

 <TreeView ItemsSource="{Binding ObCol_FamilyTree}">
   <i:Interaction.Behaviors>
      <behaviours:BindableTreeViewSelectedItemBehavior SelectedItem="{Binding TreeViewSelectedItem, Mode=TwoWay}" />
   </i:Interaction.Behaviors>
   <TreeView.Resources>
      <Style x:Key="ExpandingImageStyle" TargetType="{x:Type Image}">
         <Setter Property="Source" Value="{DynamicResource Icon_Closed}"/>
         <Style.Triggers>
            <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=TreeViewItem}, Path=IsExpanded}" Value="True">
               <Setter Property="Source" Value="{DynamicResource Icon_Open}"/>
            </DataTrigger>
         </Style.Triggers>
      </Style> 
   </TreeView.Resources>
   <TreeView.ItemContainerStyle>
      <Style TargetType="{x:Type TreeViewItem}">
         <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
         <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}"/>
      </Style>
   </TreeView.ItemContainerStyle>

   <TreeView.ItemTemplate>
      <HierarchicalDataTemplate ItemsSource="{Binding ObCol_Items}">
         <StackPanel Orientation="Horizontal">
            <Image Width="16" Height="16" Margin="0,0,3,0" Style="{StaticResource ExpandingImageStyle}">
               <Image.Resources>
                  <BitmapImage x:Key="Icon_Closed" UriSource="{Binding OpenFolderPath, Converter={StaticResource UriConverter}}"/>
                  <BitmapImage x:Key="Icon_Open" UriSource="{Binding OpenFolderPath, Converter={StaticResource UriConverter}}" />
               </Image.Resources>
            </Image>
            <TextBlock Text="{Binding Name}" />
         </StackPanel>
      </HierarchicalDataTemplate>
   </TreeView.ItemTemplate>
</TreeView>
 

Модель представления :

 private string myOpenFolderPath;
public ItemListVM()
{
   myOpenFolderPath = AppDomain.CurrentDomain.BaseDirectory   @"..imagesIcon_Open.png";
   if (!File.Exists(myOpenFolderPath))
      myOpenFolderPath = String.Empty;
}

public string OpenFolderPath
{
   get { return Path.GetFullPath(myOpenFolderPath); }
}
 

Конвертер :

 public class UriConverter : IValueConverter
{
   public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
   {
      return new Uri(value.ToString());
   }

   public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
   {
      throw new NotSupportedException();
   }
 }
 

Я попробовал то же самое со свойством Uri с правильным преобразователем, который возвращает Uri, больше не повезло!

ИЗМЕНИТЬ : вот решение:

 <TreeView ItemsSource="{Binding ObCol_FamilyTree}">
   <i:Interaction.Behaviors>
      <behaviours:BindableTreeViewSelectedItemBehavior SelectedItem="{Binding TreeViewSelectedItem, Mode=TwoWay}" />
   </i:Interaction.Behaviors>
   <TreeView.Resources>
      <Style x:Key="ExpandingImageStyle" TargetType="{x:Type Image}">
         <Setter Property="Source" Value="{Binding DataContext.ClosedFolderPath, RelativeSource={RelativeSource AncestorType=TreeView}}"/>
         <Style.Triggers>
            <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=TreeViewItem}, Path=IsExpanded}" Value="True">
               <Setter Property="Source" Value="{Binding DataContext.OpenFolderPath, RelativeSource={RelativeSource AncestorType=TreeView}}"/>
            </DataTrigger>
         </Style.Triggers>
      </Style> 
   </TreeView.Resources>
   <TreeView.ItemContainerStyle>
      <Style TargetType="{x:Type TreeViewItem}">
         <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
         <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}"/>
      </Style>
   </TreeView.ItemContainerStyle>

   <TreeView.ItemTemplate>
      <HierarchicalDataTemplate ItemsSource="{Binding ObCol_Items}">
         <StackPanel Orientation="Horizontal">
            <Image Width="16" Height="16" Margin="0,0,3,0" Style="{StaticResource ExpandingImageStyle}"/>
            <TextBlock Text="{Binding Name}" />
         </StackPanel>
      </HierarchicalDataTemplate>
   </TreeView.ItemTemplate>
</TreeView>
 

Ни ресурс растрового изображения, ни конвертер привязок не требуются.

Это работает из коробки, благодаря встроенному преобразованию типа из в string ImageSource :

 <Setter Property="Source" Value="{Binding OpenedFolderPath}"/>
 

В таблице элементов древовидного представления эта привязка не будет работать, поскольку в ней нет ожидаемого текста данных. Вы бы написали

 <Setter Property="Source" 
    Value="{Binding DataContext.OpenedFolderPath,
                    RelativeSource={RelativeSource AncestorType=TreeView}}"/>
 

Кроме того, конвертер для UriSource свойства растрового изображения должен был бы возвращать Uri, а не другое растровое изображение:

 public object Convert(
    object value, Type targetType, object parameter, CultureInfo culture)
{
    return new Uri(value.ToString());
}