将复选框添加到wpf列表框中以进行多项选择

Question

<StackPanel Grid.Column="0" > 
      <Button Name="buttonEditListBoxItem" Content="Edit" Click="buttonEditListBoxItem_Click"></Button> 
      <ListBox Name="ListBoxTriggers" 
       SelectedValuePath="TriggerId" 
       IsSynchronizedWithCurrentItem="True" 
       SelectionChanged="Triggers_SelectionChanged" 
       ScrollViewer.HorizontalScrollBarVisibility="Auto" 
       HorizontalContentAlignment="Stretch"> 
      <ListBox.ItemTemplate> 
       <DataTemplate><Grid > 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="AUTO"/> 
           <ColumnDefinition Width="*"/> 
          </Grid.ColumnDefinitions> 
          <CheckBox Grid.Column="0" VerticalAlignment="Center" x:Name="checkBoxTriggers" ></CheckBox> 
          <Button Grid.Column="1" Style="{StaticResource GlassButton}" 
          Uid="{Binding Path=TriggerId}" 
          Margin="5" 
          x:Name="ButtonTrigger" 
          GotFocus="ButtonTrigger_GotFocus" 
          > 
           <Button.Content> 
            <TextBlock Foreground="White" TextAlignment="Justify" 
             TextWrapping="Wrap" Margin="6" Text="{Binding Path=Name}"/> 
           </Button.Content> 
          </Button> 
         </Grid> 
        </DataTemplate> 
       </ListBox.ItemTemplate></ListBox> 

      </StackPanel> 

我想创建一个包含按钮和复选框的数据模板的列表框。当我的编辑按钮，这些复选框都应该得到看得见点击，当我点击它，我再次想使这些复选框看不见什么，我想要做的就是/折叠

答：我已经改变了代码，现在这样：`

</Window.Resources> <StackPanel Grid.Column="0" > 
      <ToggleButton Name="buttonEditListBoxItem" 
          Content="Edit" 
          IsChecked="False" 
          Click="buttonEditListBoxItem_Click"></ToggleButton> 
      <ListBox Name="ListBoxTriggers" 
       SelectedValuePath="TriggerId" 
       IsSynchronizedWithCurrentItem="True" 
       SelectionChanged="Triggers_SelectionChanged" 
       ScrollViewer.HorizontalScrollBarVisibility="Auto" 
       HorizontalContentAlignment="Stretch"> 
      <ListBox.ItemTemplate> 
       <DataTemplate> <Grid > 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="AUTO"/> 
           <ColumnDefinition Width="*"/> 
          </Grid.ColumnDefinitions> 
          <CheckBox Visibility="{Binding ElementName=buttonEditListBoxItem, Path=IsChecked, Converter={StaticResource visibilityConverter}}" Grid.Column="0" VerticalAlignment="Center" x:Name="checkBoxTriggers" ></CheckBox> 
          <Button Grid.Column="1" Style="{StaticResource GlassButton}" 
          Uid="{Binding Path=TriggerId}" 
          Margin="5" 
          x:Name="ButtonTrigger" 
          GotFocus="ButtonTrigger_GotFocus" 
          > 
           <Button.Content> 
            <TextBlock Foreground="White" TextAlignment="Justify" 
             TextWrapping="Wrap" Margin="6" Text="{Binding Path=Name}"/> 
           </Button.Content> 
          </Button> 
         </Grid> 
        </DataTemplate> </ListBox.ItemTemplate> 
     </ListBox>` `public class VisibilityConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
    { 
     return ((Boolean)value) ? Visibility.Visible : Visibility.Collapsed; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
    { 
     return (((Visibility)value) == Visibility.Visible); 
    } 
}` 

Answer 1

以实现最简单的方法是使用一个切换按钮

例如：

<ToggleButton Name="Toggler"> 
</ToggleButton> 
<StackPanel Visibility="{Binding ElementName=Toggler, Path=Checked, Converter={StaticResource booleanToVisibilityConverter}}"> 
<!-- in here you can place the checkboxes--> 
</StackPanel> 

你只需要创建从布尔值转换为枚举能见度

另一个valueconverter可能性是将一个“Popup”元素与一个ToggleButton结合使用（它给出了一个弹出来编辑该项目的小助手的感觉，并且如果设置了StaysOpen =“False”，则在丢失f时立即关闭ocus） 如果您使用这种方法，您不必压制编辑按钮来隐藏复选框

Answer 2

如何使用ToggleButton代替Button与VisibilityConverter：

<ListBox Name="ListBoxTriggers" 
      SelectedValuePath="TriggerId" 
      IsSynchronizedWithCurrentItem="True" 
      SelectionChanged="Triggers_SelectionChanged" 
      ScrollViewer.HorizontalScrollBarVisibility="Auto" 
      HorizontalContentAlignment="Stretch"> 
    <ListBox.Resources> 
     <local:VisibilityConverter x:Key="VisibilityConverter" /> 
    </ListBox.Resources> 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="AUTO" /> 
        <ColumnDefinition Width="*" /> 
       </Grid.ColumnDefinitions> 
       <CheckBox Grid.Column="0" 
          VerticalAlignment="Center" 
          x:Name="checkBoxTriggers" 
          Visibility="{Binding ElementName=ButtonTrigger, Path=IsChecked, Converter={StaticResource VisibilityConverter}}"></CheckBox> 
       <ToggleButton Grid.Column="1" 
           Uid="{Binding Path=TriggerId}" 
           Margin="5" 
           x:Name="ButtonTrigger" 
           GotFocus="ButtonTrigger_GotFocus"> 
        <ToggleButton.Content> 
         <TextBlock Foreground="White" 
            TextAlignment="Justify" 
            TextWrapping="Wrap" 
            Margin="6" 
            Text="{Binding Path=Name}" /> 
        </ToggleButton.Content> 
       </ToggleButton> 
      </Grid> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

VisibilityConverter：

public class VisibilityConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
    { 
     return ((Boolean)value) ? Visibility.Visible : Visibility.Collapsed; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
    { 
     return (((Visibility)value) == Visibility.Visible); 
    } 
}