如何动态隐藏/禁用 WPF 功能区选项卡？

Question

假设我有一个功能区选项卡名称 A (name="_tabA") 和 B (name="_tabB")。 如何动态禁用或隐藏选项卡 A 或 B？

我将 VS2010 与 RibbonControlsLibrary.dll 一起使用。

Answer 1

<ribbon:RibbonTab Visibility="{Binding ShowThisRibbonTab, Converter=...}">

其中 ShowThisRibbonTab 是 ViewModel 的属性，而 Converter 很可能是 BooleanToVisibilityConverter。

或者，如果您不使用 MVVM，您可以只给它一个名称并设置 Visibility

Answer 2

如果没有 MVVM，

我可以使用 _tabA.Visibility = Visibility.Collapsed 或 Visibility.Visible 轻松隐藏/显示。

使用 MVVM

The .xaml.cs code

1. 使该类也继承自 INotifyProperty
2. 使属性在修改属性时引发事件
3. 设置 DataContext。
4. 制作转换器代码。

主要代码如下

public partial class MainWindow : RibbonWindow, INotifyPropertyChanged
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = this;
    }

    public const string NamePropertyName = "VisibleA"; 
    private bool _visibleA = true;
    public bool VisibleA
    {
        get
        {
            return _visibleA;
        }
        set
        {
            _visibleA = value;
            RaisePropertyChanged(NamePropertyName); 
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void RaisePropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    } 
}

转换器代码如下

[ValueConversion(typeof(bool), typeof(Visibility))]
internal class CheckVisibleA : System.Windows.Data.IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        bool? val = value as bool?;
        string param = parameter as string;

        if (value != null)
        {
            if (val == true)
            {
                return Visibility.Visible;
            }
        }

        return Visibility.Collapsed;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

The .xaml code

此 XAML 有两个功能区选项卡：_ribboHome 和 _ribbonHelp。 “VisibleA”属性控制可见性。当我单击该复选框时，VisibleA 属性将打开/关闭，并且 _ribbonHome 相应地可见/折叠。

<ribbon:Ribbon DockPanel.Dock="Top" Title="teusje.wordpress.com" >
    <ribbon:RibbonTab Header="Home" Name="_ribbonHome" Visibility="{Binding Path=VisibleA, Converter={StaticResource CheckVisibleA}, ConverterParameter=Show}">
        <ribbon:RibbonGroup Name="Clipboard" Header="Clipboard">
            <ribbon:RibbonButton Command="{StaticResource hwc}" CommandParameter="Hello, smcho" Label="Copy" LargeImageSource="Images/LargeIcon.png" /> 

        </ribbon:RibbonGroup>
    </ribbon:RibbonTab>
    <ribbon:RibbonTab Header="Help">
        <ribbon:RibbonGroup Name="_ribbonHelp" Header="Help this">
            <ribbon:RibbonButton Command="{StaticResource hwc}" CommandParameter="Hello, smcho" Label="Copy Help" LargeImageSource="Images/LargeIcon.png"/>
            <ribbon:RibbonCheckBox IsChecked="{Binding Path=VisibleA}"/>
        </ribbon:RibbonGroup>
    </ribbon:RibbonTab>