如何有条件地隐藏 WPF 控件的一部分

本文关键字：控件 一部分 WPF 隐藏 有条件 | 更新日期: 2023-09-27 17:55:41

我在程序集中有一个无法更改的控件，它与 .NET DateTimePicker非常相似。 我想在满足特定条件时隐藏该控件的时间选取器部分（ViewModel 上的属性值）。控件如下所示：

[TemplatePart(Name = "PART_DatePicker", Type = typeof (DatePicker))]
[TemplatePart(Name = "PART_TimePicker", Type = typeof (TimePicker))]
public class MyDateTimePicker : Control    {/*...*/}

这个答案显示了始终隐藏控件的一部分的好方法，但我想动态地做到这一点：

如何隐藏 WPF 控件的一部分

我想有几种方法可以做到这一点。我想要的是一些最小的东西（比如在链接的问题的答案中）以及不违反 MVVM 的东西。 System.Interactivity行为和触发因素是公平的游戏。

如何有条件地隐藏 WPF 控件的一部分

创建一个扩展前一个控件的新控件

public sealed class MySuperiorDateTimePicker : MyDateTimePicker 
{
    //....

添加可绑定到视图模型状态的依赖项属性

public static readonly DependencyProperty HideItProperty =
    DependencyProperty.Register(
        "HideIt",
        typeof(bool),
        typeof(MySuperiorDateTimePicker ),
        new UIPropertyMetadata(false, HideItPropertyChanged));
//snip property impl

等待属性更改，然后隐藏您的 UI

private static void HideItPropertyChanged(DependencyObject d,
    DependencyPropertyChangedEventArgs e)
{
    (d as MySuperiorDateTimePicker).OnHideItChanged((bool)e.OldValue, 
        (bool)e.NewValue);
}
private void OnHideItChanged(bool oldValue, bool newValue)
{
    if(BusyTemplate == null)
        return;
    FindTimePicker().Visibility = newValue ? Visibility.Visible : 
        Visibility.Collapsed;
}
private UIElement FindTimePicker()
{
    //snip null checks
    return GetTemplateChild("PART_TimePicker") as UIElement;
}

请注意FindTimePicker因为 DP 可能会在加载控件之前更改，并且GetTemplateChild将返回 null。 通常要做的是，在OnHideItChanged中，如果GetTemplateChild返回 null Dispatcher.BeginInvoke，则稍后（ApplicationIdle或更早）重新运行事件处理程序。

当你发现自己说"我如何使用 MVVM 做 UI 工作"时，停下来重新思考你的真正目标。 MVVM ！= 没有代码隐藏，没有自定义控件等。

一种解决方案是在数据模板中定义的 DataTrigger 的帮助下隐藏它，以便当控件的数据上下文中的某个值设置为 true/false 时，您将隐藏/显示该部分。

快速搜索，我找到了一些您可能会发现有用的链接：http://zamjad.wordpress.com/2010/06/22/conditionally-hide-controls-from-data-template/http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/ae2dbfb7-5dd6-4352-bfa1-53634289329d/

对我有用的解决方案是编辑控件的样式。 使用 Blend，我编辑了 DateTimePicker 样式的副本，并将绑定添加到 TimePicker 的可见性，该绑定查看我的 VM 并转换枚举的值。

相关文章：