WPF提供了許多封裝項(xiàng)的集合的控件，本章介紹簡單的ListBox和ComboBox控件，后續(xù)哈會(huì)介紹更特殊的控件，如ListView、TreeView和ToolBar控件。所有這些控件都繼承自ItemsControl類（ItemsControl類本身又繼承自Control類）。

　　ItemsControl類添加了所有基于列表的控件都使用的基本功能。最顯著的是，它提供了填充列表項(xiàng)的兩種方式。最直接的方法是代碼或XAML將列表項(xiàng)直接添加到Items集合中。然而，在WPF中使用數(shù)據(jù)綁定的方法更普遍。使用數(shù)據(jù)綁定方法，需將ItemsSource屬性設(shè)置為希望顯示的具有數(shù)據(jù)項(xiàng)集合的對象（后續(xù)章節(jié)介紹與列表數(shù)據(jù)綁定相關(guān)的更多內(nèi)容）。

　　ItemsControl類之后的繼承橙子有些混亂。一個(gè)主要分支是選擇器（selector),包括ListBox、ComboBox以及TabControl。這些控件都繼承自Selector類，并且都具有跟蹤當(dāng)前選擇項(xiàng)(SelectedItem)或其位置(SelectedIndex）的屬性，封裝列表項(xiàng)的控件是另一個(gè)分支，以不同方式選擇列表項(xiàng)。該分支包括用于菜單、工具欄以及樹的類——所有這些類都屬于ItemsControl，但不是選擇器。

　　為了充分發(fā)揮所有ItemsControl控件的功能，需要使用數(shù)據(jù)綁定。即使不從數(shù)據(jù)庫甚至外部數(shù)據(jù)源獲取數(shù)據(jù)，也同樣如此。WPF數(shù)據(jù)綁定非常普遍，可使用各種數(shù)據(jù)，包括自定義的數(shù)據(jù)對象和集合。但現(xiàn)在還不需要考慮數(shù)據(jù)綁定的細(xì)節(jié)?，F(xiàn)在，先快速瀏覽一下ListBox控件和ComboBox控件。

一、ListBox

　　ListBox類代表了一種最常用的Windows設(shè)計(jì)——允許用戶從長度可變的列表中選擇一項(xiàng)。

　　如果將SelectionMode屬性設(shè)置為Multiple或Extended，ListBox類還允許選擇多項(xiàng)。在Multiple模式下，可通過單擊項(xiàng)進(jìn)行選擇或取消選擇。在Extended模式下，需要按下Ctrl鍵選擇其他項(xiàng)，或按下Shift鍵選擇某個(gè)選項(xiàng)范圍。在這兩種多選模式下，可用SelectedItems集合替代SelectedItem屬性來獲取所有選擇的項(xiàng)。

　　為向ListBox控件中添加項(xiàng)，可在ListBox元素中嵌套ListBoxItem元素。例如，下面是一個(gè)包含顏色列表的ListBox:

<ListBox>
     <ListBoxItem>Yellow</ListBoxItem>
     <ListBoxItem>Blue</ListBoxItem>
     <ListBoxItem>Green</ListBoxItem>
     <ListBoxItem>Red</ListBoxItem>
     <ListBoxItem>LightBlue</ListBoxItem>
     <ListBoxItem>Black</ListBoxItem>
</ListBox>

　　不同控件采用不同方式處理嵌套的內(nèi)容。ListBox控件在它的Items集合中存儲(chǔ)每個(gè)嵌套的對象。

　　ListBox控件是一個(gè)非常靈活的控件。它不僅可以包含ListBoxItem對象，也可以駐留其他任意元素。這是因?yàn)長istBoxItem類繼承自ContentControl類，從而ListBoxItem能夠包含一段嵌套的內(nèi)容。如果該內(nèi)容繼承自UIElement類，它將ListBox控件中呈現(xiàn)出來。如果是其他類型的對象，ListBoxItem對象會(huì)調(diào)用ToString()方法并顯示最終的文本。

　　例如，如果決定創(chuàng)建一個(gè)包含圖像的列表，可使用如下標(biāo)記：

<ListBox>
        <ListBoxItem>
            <Image Source="happyface.jpg"></Image>
        </ListBoxItem>
        <ListBoxItem>
            <Image Source="redx.jpg"></Image>
        </ListBoxItem>
</ListBox>

　　實(shí)際上ListBox控件足夠職能，它能隱式地創(chuàng)建所需的ListBoxItem對象。這意味著可直接在ListBox元素中放置對象。廈門市一個(gè)更復(fù)雜的示例，該示例使用嵌套的StackPanel對象組合文本和圖像內(nèi)容：

<Window x:Class="Controls.ImageList"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ImageList" Height="300" Width="300">
    <ListBox Margin="5" SelectionMode="Multiple" Name="lst" SelectionChanged="lst_SelectionChanged">
        <StackPanel Orientation="Horizontal">
            <Image Source="happyface.jpg" Width="30" Height="30"></Image>
            <Label VerticalAlignment="Center">A Happy face</Label>
        </StackPanel>
        <StackPanel Orientation="Horizontal">
            <Image Source="redx.jpg" Width="30" Height="30"></Image>
            <Label VerticalAlignment="Center">A Warning face</Label>
        </StackPanel>
        <StackPanel Orientation="Horizontal">
            <Image Source="happyface.jpg" Width="30" Height="30"></Image>
            <Label VerticalAlignment="Center">A Happy face</Label>
        </StackPanel>
    </ListBox>
</Window>

ImageListBox

　　在該例中，StackPanel面板變成被ListBoxItem封裝的項(xiàng)。該標(biāo)記創(chuàng)建的富列表如圖下圖所示：

 　　利用在列表框中的嵌套任意元素的能力，可創(chuàng)建出各種基于列表的控件，而不必使用其他類。例如，Windows窗體的哦該凝聚項(xiàng)中CheckedListBox類，該類顯示在每個(gè)項(xiàng)的旁邊都具有復(fù)選框的列表。在WPF中不需要這一特殊類，因?yàn)橥耆墒褂脴?biāo)準(zhǔn)的ListBox控件快速構(gòu)建相同的效果：

<Window x:Class="Controls.CheckBoxList"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="CheckBoxList" Height="300" Width="300">
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
        </Grid.RowDefinitions>

        <ListBox Name="lst" SelectionChanged="lst_SelectionChanged"
             CheckBox.Click="lst_SelectionChanged" >
            <CheckBox Margin="3">Option 1</CheckBox>
            <CheckBox Margin="3">Option 2</CheckBox>
            <CheckBox Margin="3">Option 3</CheckBox>
        </ListBox>
        <StackPanel Grid.Row="1" Margin="0,10,0,0">
            <TextBlock>Current selection:</TextBlock>
            <TextBlock  Name="txtSelection" TextWrapping="Wrap"></TextBlock>
            <Button Margin="0,10,0,0" Click="cmd_CheckAllItems">Examine All Items</Button>
        </StackPanel>
    </Grid>
</Window>

CheckBoxList

　　當(dāng)在列表內(nèi)部使用不同元素時(shí)需要注意一點(diǎn)。當(dāng)讀取SelectedItem值時(shí)（以及SelectedItems和Items集合），看不到ListBoxItem對象——反而將看到放入到列表中的對象。在CheckedListBox示例中，這意味著SelectedItem提供了CheckBox對象。

　　例如，下面是一些響應(yīng)SelectionChanged事件觸發(fā)的代碼。這些代碼獲取當(dāng)天選中CheckBox對象并顯示該項(xiàng)是否被選中：

private void lst_SelectionChanged(object sender, RoutedEventArgs e)
        {
            // Select when checkbox portion is clicked (optional).
            if (e.OriginalSource is CheckBox)
            {
                lst.SelectedItem = e.OriginalSource;
            }

            if (lst.SelectedItem == null) return;
            txtSelection.Text = String.Format(
                "You chose item at position {0}.\r\nChecked state is {1}.",
                lst.SelectedIndex,
                ((CheckBox)lst.SelectedItem).IsChecked);
        }

　　在下面的代碼片段中，類似的代碼遍歷選項(xiàng)集合以確定哪一項(xiàng)被選中（對于使用復(fù)選框的多項(xiàng)選擇列表，可以編寫類似的代碼來遍歷選中項(xiàng)的集合）。

private void cmd_CheckAllItems(object sender, RoutedEventArgs e)
        {
            StringBuilder sb = new StringBuilder();
            foreach (CheckBox item in lst.Items)
            {
                if (item.IsChecked == true)
                {
                    sb.Append(
                        item.Content + " is checked.");
                    sb.Append("\r\n");
                }
            }
            txtSelection.Text = sb.ToString();
        }

　　最終效果如下所示：

 　　在列表框中手動(dòng)放置項(xiàng)時(shí)，由你決定是希望直接插入項(xiàng)還是在ListBoxItem對象中明確地包含每項(xiàng)。第二種方法通常更清晰，也更繁瑣。最重要的考慮事項(xiàng)是一致性。例如，如果在列表中放置StackPanel對象，ListBox.SelectedItem對象將是StackPanel。如果放置由ListBoxItem對象封裝的StackPanel對象，ListBox.SelectedItem對象將是ListBoxItem，所以可進(jìn)行響應(yīng)編碼。

　　ListBoxItem提供了少許額外功能，通過這些功能可得到直接嵌套的對象。換言之，ListBoxItem定義了可以讀取(或設(shè)置）的IsSelected屬性，以及用于通知何時(shí)選中的Selected和Unselected事件。然而，可使用ListBox類的成員得到類似功能，如SelectedItem屬性(或SelectedItems屬性）以及SelectionChanged事件。

　　有趣的是，當(dāng)使用嵌套對象方法時(shí)，有一項(xiàng)技術(shù)可為特定的對象檢索ListBoxItem封裝器。技巧是使用常被忽視的ContainerFromElement()方法。下面的代碼使用該技術(shù)檢查列表中的第一個(gè)條目是否被選中：

ListBoxItem item=(ListBoxItem)lst.ContainerFromElement((DependencyObject)lst.SelectedItems[0]);
MessageBox.Show("IsSelected:"+item.IsSelected.ToString());

二、ComboBox

　　ComboBox控件和ListBox控件類似。該控件包含ComboBoxItem對象的集合，既可以顯示地也可以隱式地創(chuàng)建該集合。與ListBoxItem類似，ComboBoxItem也是可以包含任意嵌套元素的內(nèi)容控件。

　　ComboBox類和ListBox類之間的重要區(qū)別是他們在窗口中呈現(xiàn)自身的方式。Combox控件使用下拉列表，這意味著一次只能選擇一項(xiàng)。

　　如果希望允許用戶在組合框中通過輸入文本選項(xiàng)一項(xiàng)，就必須將IsEditable屬性設(shè)置為true，并且必須確保選項(xiàng)集合中存儲(chǔ)的是普遍的純文本的ComboBoxItem對象，或是提供了有意義的ToString()表示的對象。例如，如果使用Image對象填充可編輯的組合框，那么在上面顯示的文本將只有Image類的全名，這用處不大。

　　ComboBox控件的局限之一在于當(dāng)使用自動(dòng)改變尺寸功能時(shí)該控件改變自身尺寸的方法。ComboBox控件加寬自身以適應(yīng)它的內(nèi)容，這意味著當(dāng)從一項(xiàng)移到另一項(xiàng)是它會(huì)改變自身大小。但沒有簡便的方法告訴ComboBox控件使用包含項(xiàng)的最大尺寸。相反，需要為Width屬性提供硬編碼的值，而這并不理想。

下面是一個(gè)簡單的示例：

<Window x:Class="Controls.ComboBoxTest"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ComboBoxTest" Height="300" Width="300">
    <StackPanel>
        <ComboBox Margin="5">
            <StackPanel Orientation="Horizontal">
                <Image Source="happyface.jpg" Width="30" Height="30"></Image>
                <Label VerticalAlignment="Center">A Happy face</Label>
            </StackPanel>
            <StackPanel Orientation="Horizontal">
                <Image Source="redx.jpg" Width="30" Height="30"></Image>
                <Label VerticalAlignment="Center">A Warning face</Label>
            </StackPanel>
            <StackPanel Orientation="Horizontal">
                <Image Source="happyface.jpg" Width="30" Height="30"></Image>
                <Label VerticalAlignment="Center">A Happy face</Label>
            </StackPanel>
        </ComboBox>
    </StackPanel>
</Window>

ComboBoxTest

　　最終效果圖如下所示：