时间戳

首页 > 解决方案 > WPF 绑定到 Listview 的 Itemtemplate 的可见性不起作用

wpf - WPF 绑定到 Listview 的 Itemtemplate 的可见性不起作用

问题描述

我正在使用 WPF Prism.Mvvm。我在一侧有一个导航栏，其中包含一个绑定到 Itemssource 的 Listview。这些项目包含图像和内容。现在我的目标是折叠项目的内容，以便我的导航控件只显示图标。

我已经定义了一个可见性绑定，在我的 Listview 之外的一些图像上使用它，它完美地工作。但是，一旦我尝试在 Listview 的 itemtemplate 中的任何内容上使用该精确绑定，什么都不会发生。有趣的是，如果我在没有绑定的情况下将 Visibility 设置为 Collapsed 自己，它会再次起作用。

这是我的看法

<UserControl.Resources>
    <ResourceDictionary>
        <BooleanToVisibilityConverter x:Key="booleanToVisibilityConverter" />
    </ResourceDictionary>

[...]

<DockPanel >
    <ContentControl DockPanel.Dock="Top">
        <StackPanel>
            <Button Margin="5,5,5,5" Style="{StaticResource MyButton}" Command="{Binding ExpandMenuCommand}" Content="Menu" HorizontalAlignment="Left" Width="43.017" />
            <ListView  BorderThickness="0" VerticalContentAlignment="Top" SelectionMode="Single" ItemsSource="{Binding MenuItems}" SelectedItem="{Binding SelectedItem}" Background="Transparent">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <Grid VerticalAlignment="Center">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Image Margin="0,10,0,10" Grid.Column="0" Source="{Binding ImageSource}" />
                            <TextBlock Visibility="{Binding Visibility, Converter={StaticResource booleanToVisibilityConverter}}" VerticalAlignment="Center" Margin="10,10,10,10" Grid.Column="1" Text="{Binding Content}" Background="Transparent" FontFamily="Arial" FontWeight="Bold" />
                        </Grid>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </StackPanel>
    </ContentControl>
    <ContentControl DockPanel.Dock="Bottom">
        <Grid>
            <Image Visibility="{Binding Visibility, Converter={StaticResource booleanToVisibilityConverter}}" HorizontalAlignment="Center" Height="59" Margin="19,0,0,25" Width="182" Source="/ModuleA;component/Images/Logo.png" VerticalAlignment="Bottom" />
        </Grid>
    </ContentControl>
</DockPanel>

现在，如果我复制Visibility="{Binding Visibility, Converter={StaticResource booleanToVisibilityConverter}}"到该 Itemtemplate 上方的任何内容，比如 Listview 本身或 Stackpanel，它的工作原理就像它对 Listview 下的图像所做的那样。但是 Listview.ItemTemplate 中的文本块、图像或网格本身不会响应我的绑定。但是，将其设置为Visibility="Collapsed"就像我打算的那样工作。

我的视图模型：

private static bool _expanded = true;

private bool _visibility = _expanded;

public bool Visibility
{
    get { return _visibility; }
    set { SetProperty(ref _visibility, value); }
}


    private void ExpandMenu()
    {
        _expanded = !_expanded;
        Visibility = _expanded;
    }

标签： wpflistviewmvvmvisibilityitemtemplate

解决方案

ListView.ItemTemplate 是 MenuItem 对象的模板。我想Visibility不是 MenuItem 类的属性，它属于另一个视图模型。所以你需要从不同的DataContext绑定它：

<TextBlock Visibility="{Binding DataContext.Visibility, 
                                Converter={StaticResource booleanToVisibilityConverter}, 
                                RelativeSource={RelativeSource AncestorType=ListView}}" 
           VerticalAlignment="Center" 
           Margin="10,10,10,10" Grid.Column="1" 
           Text="{Binding Content}" 
           Background="Transparent" 
           FontFamily="Arial" 
           FontWeight="Bold" />

推荐阅读