如何删除与项目类型wrappanel,完整的源代码+ PIC包括一个列表框折叠空间(How to r

2019-09-29 04:47发布

我有一个WrapPanel的ItemsPanelTemplate一个ListBox。 有倒塌的元素,这是我想摆脱的......当元素是可见的,形象是一个很好的正方形,每排五个按钮的一些左,右填充。 以下是图像: http://iterationx.posterous.com/71739342

我怎样才能在第一按钮开始摆脱填充的时候,我AE按钮倒塌?

<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;
        }
    }
}

Answer 1:

您只需折叠列表框项目的内容。 你要的风格的一个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>


文章来源: How to remove collapsed space in a listbox with items type wrappanel, full source + pic included