如何在列表框中删除折叠的空间与项目类型wrappanel,完整的源代码+图片包括
本文关键字:wrappanel 源代码 包括 类型 列表 删除 空间 折叠 项目 | 更新日期: 2023-09-27 18:09:36
我有一个ListBox的ItemsPanelTemplate的WrapPanel。还有一些剩下的&折叠元素的右填充,我想去掉它…当元素可见时,图像是一个漂亮的正方形,每行有五个按钮。这是一张图片:http://iterationx.posterous.com/71739342
当我的A-E按钮折叠时,我如何摆脱在第一个按钮开始的填充?
<Window x:Class="WpfApplication2.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" SizeToContent="WidthAndHeight"
>
<Grid Margin="100,100,100,100">
<StackPanel>
<ListBox Name="MainButtonListBox" HorizontalContentAlignment="Stretch" BorderThickness="0" ScrollViewer.HorizontalScrollBarVisibility="Disabled" Padding="0" Width="550">
<ListBox.ItemsPanel>
<ItemsPanelTemplate >
<WrapPanel />
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemTemplate >
<DataTemplate>
<Button Content="{Binding Path=ButtonName}" Click="Button_Click" DataContext="{Binding}" Width="100" Height="75" Visibility="{Binding Path=Visibility}" />
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</StackPanel>
</Grid>
</Window>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace WpfApplication2
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public class ButtonObj
{
public string ButtonName { get; set; }
public Visibility Visibility { get; set; }
}
List<ButtonObj> AEList = new List<ButtonObj>();
List<ButtonObj> MainButtonList = new List<ButtonObj>();
public MainWindow()
{
InitializeComponent();
AEList.Add(new ButtonObj() { ButtonName = "A", Visibility = Visibility.Collapsed });
AEList.Add(new ButtonObj() { ButtonName = "B", Visibility = Visibility.Collapsed });
AEList.Add(new ButtonObj() { ButtonName = "C", Visibility = Visibility.Collapsed });
AEList.Add(new ButtonObj() { ButtonName = "D", Visibility = Visibility.Collapsed });
AEList.Add(new ButtonObj() { ButtonName = "E", Visibility = Visibility.Collapsed });
foreach (ButtonObj b1 in AEList) MainButtonList.Add(b1);
MainButtonList.Add(new ButtonObj() { ButtonName = "Expand A-E", Visibility = Visibility.Visible });
MainButtonList.Add(new ButtonObj() { ButtonName = "G", Visibility = Visibility.Visible });
MainButtonList.Add(new ButtonObj() { ButtonName = "H", Visibility = Visibility.Visible });
MainButtonList.Add(new ButtonObj() { ButtonName = "I", Visibility = Visibility.Visible });
MainButtonList.Add(new ButtonObj() { ButtonName = "Collapse A-E", Visibility = Visibility.Visible });
MainButtonList.Add(new ButtonObj() { ButtonName = "K", Visibility = Visibility.Visible });
MainButtonList.Add(new ButtonObj() { ButtonName = "L", Visibility = Visibility.Visible });
MainButtonList.Add(new ButtonObj() { ButtonName = "M", Visibility = Visibility.Visible });
MainButtonList.Add(new ButtonObj() { ButtonName = "N", Visibility = Visibility.Visible });
MainButtonList.Add(new ButtonObj() { ButtonName = "O", Visibility = Visibility.Visible });
MainButtonListBox.ItemsSource = MainButtonList;
}
private void Button_Click(object sender, RoutedEventArgs e)
{
Button btn = sender as Button;
ButtonObj obj = btn.DataContext as ButtonObj;
if (obj.ButtonName == "Expand A-E")
{
foreach (ButtonObj b1 in AEList) b1.Visibility = System.Windows.Visibility.Visible;
}
if (obj.ButtonName == "Collapse A-E")
{
foreach (ButtonObj b1 in AEList) b1.Visibility = System.Windows.Visibility.Collapsed;
}
MainButtonListBox.ItemsSource = null;
MainButtonListBox.ItemsSource = MainButtonList;
}
}
}
您只需折叠列表框项的内容。你必须给ListBoxItem设置样式(它没有被删除)。
<ListBox Name="MainButtonListBox" HorizontalContentAlignment="Stretch" BorderThickness="0" ScrollViewer.HorizontalScrollBarVisibility="Disabled" Padding="0" Width="550" >
<ListBox.ItemContainerStyle>
<Style TargetType="{x:Type ListBoxItem}">
<Setter Property="Padding" Value="0,0,0,0"/>
</Style>
</ListBox.ItemContainerStyle>
<ListBox.ItemsPanel>
<ItemsPanelTemplate >
<WrapPanel />
</ItemsPanelTemplate>
...
一般来说,最好使用过滤器的可能性,这样项目是真正从列表框中删除,而不仅仅是隐藏的内容(项目仍然是可选择的键盘)
你还可以(比第一种样式更好)折叠整个条目:
<ListBox.ItemContainerStyle>
<Style TargetType="{x:Type ListBoxItem}">
<Setter Property="Visibility" Value="{Binding Path=Visibility}"/>
</Style>
</ListBox.ItemContainerStyle>