将绑定分配给附加属性以隐藏 GridViewColumn

Question

在 WPF 中，使用 MVVM 模型，我正在努力解决我认为是绑定问题的问题。我有一个 ListView 旨在显示对象的集合。 ItemsSource 绑定到集合，每个 GridViewColumn 绑定到该对象的单独属性。此视图（UserControl）在主窗口的TabControl 中的多个选项卡中是通用的。每个选项卡都需要隐藏某些列（逻辑发生在ViewModel）。

我创建了一个 Behaviors 类来为多个事物附加 DependecyProperties，包括用于 GridViewColumn 的属性 IsHidden。考虑到这一点，下面是一个示例设置：

行为类 - 最小化示例

public static class LayoutColumn
{
  public static readonly DependencyProperty HiddenProperty = DependencyProperty.RegisterAttached(
      "IsHidden",
      typeof(bool),
      typeof(LayoutColumn));

  public static bool GetIsHidden(DependencyObject obj)
  {
    return (bool)obj.GetValue(HiddenProperty);
  }

  public static void SetIsHidden(DependencyObject obj, bool isHidden)
  {
    obj.SetValue(HiddenProperty, isHidden);
  }

  public static bool IsHidden(this GridViewColumn column)
  {
    bool? isHidden = column.GetProperty<bool>(HiddenProperty);

    // Debug
    string format = "{0}.IsHidden = {1}";
    if (isHidden.HasValue)
    {
      Console.WriteLine(format, column.Header, isHidden.Value);
    }
    else
    {
      Console.WriteLine(format, column.Header, "Null");
    }

    return isHidden.HasValue && isHidden.Value;
  }

  private static T? GetProperty<T>(this GridViewColumn column, DependencyProperty dp) where T : struct
  {
    if (column == null)
    {
      throw new ArgumentNullException("column");
    }

    object value = column.ReadLocalValue(dp);

    if (value != null && value.GetType() == dp.PropertyType)
    {
      return (T)value;
    }

    return null;
  }
} // end LayoutColumn class

public class LayoutManager
{
  // Methods and logic to enforce column min/max width, hidden, fixed, etc by attaching to the ListView and GridViewColumn event handlers.
}

一个示例对象类

public class Example
{
  public string Foo { get; set; }
  public string Bar { get; set; }
  public string Baz { get; set; }
}

视图模型

public class MyDisplayViewModel : INotifyPropertyChanged
{
  private bool hidden;
  private ObservableCollection<Example> examples;

  ...

  public bool HideColumn
  {
    get 
    {
      return this.hidden;
    }

    set 
    {
      this.hidden = value;
      this.OnPropertyChanged("HideColumn");
    }
  }

  public ObservableCollection<Example> ExampleCollection
  {
    get 
    {
      return this.examples;
    }

    set 
    {
      this.examples = value;
      this.OnPropertyChanged("ExampleCollection");
    }
  }
}

一些 XAML

<ListView
        Name="LogListView"
        ItemsSource="{Binding ExampleCollection}"
        ListViewBehaviors:LayoutManager.Enabled="{Binding AttachProperty}">
        <ListView.View>
            <GridView>
                <GridViewColumn
                    Width="Auto"
                    ListViewBehaviors:LayoutColumn.MinWidth="40"
                    ListViewBehaviors:LayoutColumn.MaxWidth="200"
                    ListViewBehaviors:LayoutColumn.IsHidden="True"
                    DisplayMemberBinding="{Binding Foo, Mode=OneWay}"
                    Header="Hidden Column"/>
                <GridViewColumn
                    Width="Auto"
                    ListViewBehaviors:LayoutColumn.MinWidth="74"
                    ListViewBehaviors:LayoutColumn.MaxWidth="200"
                    ListViewBehaviors:LayoutColumn.IsHidden="False"
                    DisplayMemberBinding="{Binding Bar, Mode=OneWay}"
                    Header="Visible Column"/>
                <GridViewColumn
                    Width="Auto"
                    ListViewBehaviors:LayoutColumn.IsFixed="True"
                    ListViewBehaviors:LayoutColumn.IsHidden="{Binding Path=DataContext.HideColumn, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListView}},
                        Mode=OneWay}"
                    DisplayMemberBinding="{Binding Baz, Mode=OneWay}"
                    Header="Dynamic Visibility">
                </GridViewColumn>
            </GridView>
        </ListView.View>
    </ListView>

在此处演示，手动将附加属性 IsHidden 设置为 true 或 false 可以正确隐藏/显示关联的列。当IsHidden 为空（该列未设置附加行为）时，预期的行为是该列正常显示。

问题

绑定列总是默认显示，这对我来说意味着IsHidden没有被设置。我觉得我已经很接近了，但是我所有的研究结果都是我在这里所做的例子。我对 WPF 还很陌生，所以我不知道还要搜索什么。

编辑

我尝试了以下方法，但都失败了：

AncestorType={x:Type ListView}
AncestorType={x:Type UserControl}
AncestorType={x:Type Window}

我需要做什么才能将 GridViewColumn 附加属性绑定到 ViewModel HideColumn 属性？

Answer 1

正如@RohitVats 指出的那样，主要错误在于我假设隐藏列的代码运行良好。我依靠LayoutManager 来验证最小和最大宽度——这（在LayoutColumn class 中）将返回它们的值（如果列被隐藏，则调整为0），然后又会调整列的大小。这个想法有效，但需要更多。根据@Ganesh 的建议，我需要解决的大部分问题来自here。

清理 XAML

通过大量的Console.WriteLine 和更多的调试，我发现我的绑定过于复杂了。

ListViewBehaviors:LayoutColumn.IsHidden="{Binding HideColumn}"

行为类的补充

只有在我通过将PropertyMetadata 添加到HiddenProperty 和另一个DependencyProperty 以保存以前隐藏的宽度来对LayoutColumn 类设置进行一些更改后，XAML 中的更改才能起作用：

public static readonly DependencyProperty HiddenProperty = DependencyProperty.RegisterAttached(
  "IsHidden",
  typeof(bool),
  typeof(LayoutColumn)
  new PropertyMetadata(false, OnHiddenChanged));

public static readonly DependencyProperty VisibleWidthProperty = DependencyProperty.RegisterAttached(
  "VisibleWidth",
  typeof(double),
  typeof(LayoutColumn),
  new UIPropertyMetadata(double.NaN));

public static double GetVisibleWidth(DependencyObject obj)
{
  return (double)obj.GetValue(VisibleWidthProperty);
}

public static void SetVisibleWidth(DependencyObject obj, double value)
{
  obj.SetValue(VisibleWidthProperty, value);
}

private static void OnHiddenChanged(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs e)
{
  GridViewColumn column = dependencyObject as GridViewColumn;

  if (column != null)
  {
    if (e.Property == HiddenProperty)
    {
      bool hide = (bool)e.NewValue;

      if (hide)
      {
        SetVisibleWidth(column, column.Width);
        column.Width = 0;
      }
      else
      {
        column.Width = GetVisibleWidth(column);
      }
    }
  }
}

就是这样！我没有使用链接中显示的Converter，因为我在绑定的两端处理bool 类型，但它也同样有效。希望这对其他人有所帮助。