WPF - ListBox显示任意内容

WFP是非常强大的。ListBox是一个很常用的控件，看了一下它的items属性，定义如下：

public ItemCollection Items { get; }

这是一个collection，我没有仔细研究ItemCollection类，我只看了一下ItemCollection的一个成员函数Add，定义如下：

public int Add(object newItem);

哈哈，它的参数是object类型，那么也就是说可以存放任何对象。

这么说来ListBox里面的items可以是任何对象，这样我们就可以在item里面显示任何我们想要的效果。

 

XAML静态显示ListBox

先来看看XAML里面如何显示一个listbox。随便写了个例子，如下：

        <ListBox Margin="15,12,0,0" Name="listBox1" Height="121" HorizontalAlignment="Left" VerticalAlignment="Top" Width="129">            <ListBoxItem Background="Blue">item1</ListBoxItem>            <ListBoxItem>                <StackPanel Orientation="Horizontal">                    <Ellipse Fill="Yellow" Height="50" Width="50"></Ellipse>                    <Label>abcd</Label>                </StackPanel>            </ListBoxItem>            <ListBoxItem>                <StackPanel Orientation="Vertical">                    <Rectangle Fill="Red" Height="50" Width="100"></Rectangle>                    <TextBox>hello</TextBox>                </StackPanel>            </ListBoxItem>        </ListBox>

放了3个item，注意每个item只能有一个child，如果我们把StackPanel去掉，那么就会报错。如：

error MC3089: The object 'ListBoxItem' already has a child and cannot add 'TextBox'. 'ListBoxItem' can accept only one child. Line 17 Position 30.

所以，当item里面需要显示多个控件的时候，就需要StackPanel或者其他类似的一个容器。

C#动态设置item

通常，listbox的内容是动态生成的，那么我们可以使用C#来设置内容，比如：

        private void Window_Loaded(object sender, RoutedEventArgs e)        {            TextBox text = new TextBox();            text.Text = "hello world";            Ellipse ellipse = new Ellipse();            ellipse.Height = 50;            ellipse.Width = 50;            ellipse.Fill = new SolidColorBrush(Color.FromRgb(255, 0, 0));                       StackPanel panel = new StackPanel();            panel.Orientation = Orientation.Horizontal;            panel.Children.Add(text);            panel.Children.Add(ellipse);            listBox2.Items.Add(panel);            Label label = new Label();            label.Content = "book";            listBox2.Items.Add(label);        }

增加几行代码来读取内容，如：

        private void listBox2_SelectionChanged(object sender, SelectionChangedEventArgs e)        {            int i = listBox2.SelectedIndex;            switch(i)            {                case 0:                    StackPanel panel = (StackPanel)listBox2.SelectedItem;                    TextBox text = (TextBox)panel.Children[0];                    MessageBox.Show(text.Text, "hint");                    break;                case 1:                    Label l = (Label)listBox2.SelectedItem;                    MessageBox.Show((string)l.Content, "hint");                    break;                default:                    break;            }        }

 

运行一下，左边的listbox是XAML设置内容的，右边的是动态生成的。