WPF中的切換列表框顯示

Question

我的WPF應用程序中有一個列表框。 這是xaml代碼：

  <ListBox Grid.Row="4" Grid.Column="1" Visibility="{Binding lbIsVisible}">
        <ListBoxItem>
            <CheckBox>
                <TextBlock>CITRUS EXPRESS</TextBlock>
            </CheckBox>
        </ListBoxItem>

        <ListBoxItem>
            <CheckBox>
                <TextBlock>APL CALIFORNIA</TextBlock>
            </CheckBox>
        </ListBoxItem>

        <ListBoxItem>
            <CheckBox>
                <TextBlock>IS JAPAN</TextBlock>
            </CheckBox>
        </ListBoxItem>
    </ListBox>

    <CheckBox Grid.Row="3" Grid.Column="1" VerticalAlignment="Center" x:Name="chkSelectVessel" Checked="chkSelectVessel_Checked">
        <TextBlock Text="Select Vessel"></TextBlock>
    </CheckBox>

我正在嘗試切換列表框的可見性。 這是C＃代碼。

public partial class ConfigSetting : Window
{
    public string lbIsVisible { get; set; }

    public ConfigSetting()
    {
        InitializeComponent();
        DataContext = this;
        lbIsVisible = "Hidden";
    }

    private void chkSelectVessel_Checked(object sender, RoutedEventArgs e)
    {
        this.lbIsVisible = "Visible";
    }
}

但這似乎不起作用。 我哪里出問題了嗎？

Answer 1

您應該使用INotifyPropertyChanged Interface如下所示：

public partial class ConfigSetting : Window, INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    private string lbIsVisible;

    public string LbIsVisible
    {
        get { return lbIsVisible; }
        set
        {
            if (lbIsVisible != value)
            {
                lbIsVisible = value;
                OnPropertyChanged("LbIsVisible");
            }
        }
    }

    protected void OnPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    public ConfigSetting()
    {
        InitializeComponent();
        LbIsVisible = "Hidden";
        DataContext = this;
    }        

    private void chkSelectVessel_Checked(object sender, RoutedEventArgs e)
    {
        LbIsVisible = "Visible";
    }

    private void ChkSelectVessel_OnUnchecked(object sender, RoutedEventArgs e)
    {
        LbIsVisible = "Hidden";
    }
}

並在XAML中綁定到LbIsVisible屬性：

<ListBox Visibility="{Binding LbIsVisible}">

還要將Unchecked事件添加到您的CheckBox ：

<CheckBox Grid.Row="3" Grid.Column="1" VerticalAlignment="Center" 
  x:Name="chkSelectVessel" Checked="chkSelectVessel_Checked" Unchecked="ChkSelectVessel_OnUnchecked">