根据 ComboBox 选择使按钮可见

Question

如果使用 XAML 在 ComboBox 中选择了某个值，我如何使 Button 显示？

这是我尝试过的。

谢谢

        <ComboBox x:Name="ComboBox" Margin="171,102,426,271">
        <ComboBoxItem>Testing</ComboBoxItem>
        <ComboBoxItem>Again</ComboBoxItem>
        <ComboBoxItem>Finally</ComboBoxItem>
    </ComboBox>

    <Button Margin="10, 0, 0, 0" >
        <Button.Style>
            <Style TargetType="Button">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding SelectedIndex, ElementName=ComboBox}" Value="Testing">
                        <Setter Property="Visibility" Value="Hidden"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Button.Style>
    </Button>

Answer 1

更好的方法是将控件绑定到视图模型并在那里集成逻辑。请参阅：Explain Combo Box Binding In MVVM - WPF。

作为示例，我们创建一个用于编辑人员数据的窗口。它包含一个组合框，用户可以在其中选择一个城市。 When a certain city is selected, a button is is displayed, otherwise it is hidden.

你可以有一个看起来像这样的视图模型

public class PersonViewModel: INotifyPropertyChanged
{
    private string _city;
    public string City
    {
        get { return _city; }
        set {
            if (value != _city) {
                _city = value;
                OnPropertyChanged(nameof(City));
                OnPropertyChanged(nameof(MyButtonVisibility));
            }
        }
    }

    public List<string> Cities { get; } = new List<string> { "Austin", "Boston", "Chicago"};

    public Visibility MyButtonVisibility => City == "Boston"
        ? Visibility.Visible
        : Visibility.Hidden;

    public event PropertyChangedEventHandler PropertyChanged;

    private void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    // Other properties

    private string _firstName;
    public string FirstName
    {
        get { return _firstName; }
        set {
            if (value != _firstName) {
                _firstName = value;
                OnPropertyChanged(nameof(FirstName));
            }
        }
    }

    private string _lastName;
    public string LastName
    {
        get { return _lastName; }
        set {
            if (value != _lastName) {
                _lastName = value;
                OnPropertyChanged(nameof(LastName));
            }
        }
    }
}

请注意，它实现了INotifyPropertyChanged。它有一个用于显示组合框项目的Cities 集合和一个用于选定城市的City 属性。

我们还需要一个按钮可见性属性 (MyButtonVisibility)。请注意，当所选城市发生变化时，我们还会为 MyButtonVisibility 引发 PropertyChanged 事件，以告诉 WPF 重新查询按钮的可见性。

在窗口的构造函数中，我们分配视图模型：

public MainWindow()
{
    InitializeComponent();
    DataContext = new PersonViewModel();
}

组合框的 XAML 代码是

<ComboBox x:Name="citiesComboBox" HorizontalAlignment="Left" Margin="116,96,0,0"
    VerticalAlignment="Top" Width="120"
    ItemsSource="{Binding Path=Cities}"    
    SelectedItem="{Binding Path=City}"  
/>

按钮的 XAML 代码是

<Button Content="Button" HorizontalAlignment="Left" Margin="116,164,0,0"
    VerticalAlignment="Top" Width="75"
    Visibility="{Binding MyButtonVisibility}"
/>

通过 WPF 绑定的魔力，现在当您选择城市时，按钮会自动出现或消失。

Answer 2

绑定路径应该是SelectedItem.Content，您的触发器才能工作：

<Button Margin="10, 0, 0, 0" >
    <Button.Style>
        <Style TargetType="Button">
            <Style.Triggers>
                <DataTrigger Binding="{Binding SelectedItem.Content, ElementName=ComboBox}" Value="Testing">
                    <Setter Property="Visibility" Value="Hidden"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

您当前正在绑定到SelectedIndex 属性，而该属性从未具有“Testing”值。当前选中的ComboBoxItem 的Content 属性可能有。

如果您想在选择“测试”选项时显示Button，您还应该修改设置器的值：

<Button Margin="10, 0, 0, 0" >
    <Button.Style>
        <Style TargetType="Button">
            <Setter Property="Visibility" Value="Hidden"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding SelectedItem.Content, ElementName=ComboBox}" Value="Testing">
                    <Setter Property="Visibility" Value="Visible"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>