Как заменить изображение в сетке WPF другим элементом управления в зависимости от исходных данных? - PullRequest
Новая
       24

Как заменить изображение в сетке WPF другим элементом управления в зависимости от исходных данных?

1 голос
/ 08 января 2009

у меня сетка выложена вот так; 

+---------+---------+
|  Image  | Details |
|    is   |  pane   |
|  here   | for data|
|         |  entry  |
+---------+---------+
| ListView here to  |
| select data item  |
| for top two panes |
+---------+---------+

Это все работает хорошо, но теперь я хотел бы изменить изображение на другой набор элементов управления, говоря: «Извините, изображение недоступно», когда у выбранного элемента в списке нет изображения

Я пытался обернуть изображение в DockPanel и установить там DataTemplate (чтобы я мог использовать DataTriggers), но IntelliSense говорит нет!

ListView использует DataTriggers для выполнения аналогичных действий, но, как я уже сказал, я не могу понять, как это сделать для одного изображения, которое, по-видимому, не имеет доступа к DataTemplate.

Упрощенный XAML ниже; 

<Grid DataContext="{Binding Source={StaticResource MyData}}">
   <!-- row 0 col 0 -->
   <Image x:Name="imgPhoto" Source="{Binding ElementName=MyListViewOfData, Path=SelectedItem.PathToImageOnDisk}" />

   <!-- row 0 col 1 -->
   <StackPanel DataContext="{Binding ElementName=MyListViewOfData, Path=SelectedItem}">
      <TextBox Name="NameTextBox" Text="{Binding Name}" />
      <TextBlock Name="DateCreatedTextBlock" Text="{Binding DateCreated}" />
   </StackPanel>

   <!-- row 1 cols 0,1 -->
   <ListView ItemsSource="{Binding}" ItemTemplate="{StaticResource MyListViewTemplate}" 
IsSynchronizedWithCurrentItem="True" Name="MyListViewOfData" />

</Grid>

Заранее спасибо гуру WPF.

Райан

Обновление: оба ответа ниже (Абе и Джоби) были на месте, спасибо.

Ответы [ 2 ]

3 голосов
/ 08 января 2009

Чтобы использовать DataTemplate, у вас должен быть элемент управления, который использует шаблон для визуализации объекта. Если вы используете ContentPresenter, вы можете установить его ContentTemplate в качестве DataTemplate для чего угодно.

Вот как бы я это сделал: 

<Grid DataContext="...">
    <ContentPresenter Content="{Binding SelectedItem, ElementName=MyListViewOfData}">
        <ContentPresenter.ContentTemplate>
            <DataTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition />      
                    </Grid.ColumnDefinitions>
                    <Image x:Name="imgPhoto" Source="{Binding PathToImageOnDisk}" />
                    <TextBlock x:Name="error" Visibility="Collapsed" Text="Sorry, no image available" />
                    <StackPanel Grid.Column="1">
                        <TextBox Name="NameTextBox" Text="{Binding Name}" />
                        <TextBlock Name="DateCreatedTextBlock" Text="{Binding DateCreated}" />
                    </StackPanel>
                </Grid>
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding PathToImageOnDisk}" Value="{x:Null}">
                    <Setter TargetName="imgPhoto" Property="Visibility" Value="Collapsed" />
                    <Setter TargetName="error" Property="Visibility" Value="Visible" />
                </DataTrigger>
            </DataTemplate.Triggers>
            </DataTemplate>
        </ContentPresenter.ContentTemplate>
    </ContentPresenter>
    <ListView ItemsSource="{Binding}" ItemTemplate="{StaticResource MyListViewTemplate}" IsSynchronizedWithCurrentItem="True" Name="MyListViewOfData" />

</Grid>
2 голосов
/ 08 января 2009

Здесь вы можете сделать легкий трюк, если вас не интересует, какие визуальные объекты создаются в визуальном дереве WPF. Просто поместите элемент управления изображением поверх элемента управления «Нет в наличии», чтобы в любой момент при загрузке изображения произошел сбой, и вы могли видеть следующее сообщение. Если управление изображением выполнено успешно, сообщение «Не доступно» перекрывается изображением.

...