Windows 8 Store Apps學習(5) 集合控制項

ComboBox, ListBox, FlipView, ItemsContr

介紹

重新想象 Windows 8 Store Apps 之集合控制項

ComboBox - 下拉框

ListBox - 列表框

FlipView - 滑動視圖控制項

ItemsControl ItemsPresenter - ItemsPresenter 用來呈現 ItemsControl 的 Items

樣本

1、ComboBox 的 Demo

ComboBoxDemo.xaml

<Page    x:Class="XamlDemo.Controls.ComboBoxDemo"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:local="using:XamlDemo.Controls"    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    mc:Ignorable="d">              <Grid Background="Transparent">           <StackPanel Margin="120 0 0 0">                      <!--ComboBox - 下拉框-->                               <!--xaml 方式為 ComboBox 添加資料-->            <ComboBox x:Name="comboBox" Width="200" Margin="5" HorizontalAlignment="Left">                   <ComboBoxItem Content="ComboBoxItem1" />                   <ComboBoxItem Content="ComboBoxItem2" />                   <ComboBoxItem Content="ComboBoxItem3" />               </ComboBox>                      <!--                   後台綁定方式為 ComboBox 添加資料                   DisplayMemberPath - 指定資料來源中需要被顯示出來的欄位名稱                   MaxDropDownHeight - 用於指定開啟後的下拉框的最大高度               -->            <ComboBox x:Name="comboBoxWithBinding" DisplayMemberPath="Name" MaxDropDownHeight="100" Width="200" Margin="5" HorizontalAlignment="Left" />                      <!--通過模板設定 ComboBox 的每一項的布局和資料-->            <ComboBox ItemsSource="{Binding ItemsSource, ElementName=comboBoxWithBinding}" MaxDropDownHeight="100" Width="200" Margin="5" HorizontalAlignment="Left">                   <ComboBox.ItemTemplate>                       <DataTemplate>                           <StackPanel Orientation="Horizontal">                               <TextBlock Text="{Binding Name}" />                               <TextBlock Text="{Binding Age}" Margin="5 0 0 0" />                           </StackPanel>                       </DataTemplate>                   </ComboBox.ItemTemplate>               </ComboBox>                  </StackPanel>       </Grid>   </Page>