sdk/samples/WPFSamples/ListBoxHorizontal/csharp/window1.xaml

   1 <Window Background="cornsilk"
   2     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   3     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   4     x:Class="ListBox_Index.Window1"
   5 >
   6
   7   <Grid>
   8     <Grid.ColumnDefinitions>
   9       <ColumnDefinition/>
  10       <ColumnDefinition/>
  11     </Grid.ColumnDefinitions>
  12     <Grid.RowDefinitions>
  13       <RowDefinition/>
  14       <RowDefinition/>
  15       <RowDefinition/>
  16       <RowDefinition/>
  17       <RowDefinition/>
  18       <RowDefinition/>
  19       <RowDefinition/>
  20     </Grid.RowDefinitions>
  21
  22     <Grid.Resources>
  23       <Style TargetType="Separator">
  24         <Setter Property="Template">
  25           <Setter.Value>
  26             <ControlTemplate TargetType="{x:Type Separator}">
  27               <Border Width="2" Height="12" Margin="4" Background="Gray"/>
  28             </ControlTemplate>
  29           </Setter.Value>
  30         </Setter>
  31       </Style>
  32
  33       <Style TargetType="ListBox">
  34         <Setter Property="ItemsPanel">
  35           <Setter.Value>
  36             <ItemsPanelTemplate>
  37               <StackPanel Orientation="Horizontal"
  38                           VerticalAlignment="Center"
  39                           HorizontalAlignment="Center"/>
  40             </ItemsPanelTemplate>
  41           </Setter.Value>
  42         </Setter>
  43       </Style>
  44
  45     </Grid.Resources>
  46
  47     <TextBlock Margin="10, 10, 3, 3" Grid.Column="0" Grid.Row="0" FontSize="24">Horizontal ListBox</TextBlock>
  48     <TextBlock Margin="10, 10, 3, 3" Grid.Column="0" Grid.Row="1" FontSize="14" Grid.ColumnSpan="2">The following application demonstrates how to create a horizontal list box.</TextBlock>
  49
  50     <ListBox Name="lb"
  51              Margin="10, 10, 3, 3" Height="50"
  52              Grid.Column="0" Grid.Row="2"
  53              Grid.RowSpan="2"
  54              SelectionChanged="PrintText">
  55       <ListBoxItem>Item 1</ListBoxItem>
  56       <Separator/>
  57       <ListBoxItem>Item 2</ListBoxItem>
  58       <Separator/>
  59       <ListBoxItem>Item 3</ListBoxItem>
  60       <Separator/>
  61       <ListBoxItem>Item 4</ListBoxItem>
  62       <Separator/>
  63       <ListBoxItem>Item 5</ListBoxItem>
  64       <Separator/>
  65       <ListBoxItem>Item 6</ListBoxItem>
  66       <Separator/>
  67       <ListBoxItem>Item 7</ListBoxItem>
  68       <Separator/>
  69       <ListBoxItem>Item 8</ListBoxItem>
  70       <Separator/>
  71       <ListBoxItem>Item 9</ListBoxItem>
  72       <Separator/>
  73       <ListBoxItem>Item 10</ListBoxItem>
  74     </ListBox>
  75     <TextBlock Margin="10, 10, 3, 3" Grid.Column="1" Grid.Row="2" Grid.RowSpan="2" FontSize="12" TextWrapping="WrapWithOverflow" VerticalAlignment="Center">The list box uses a style to make it horizontal. The list box items are separated by styled separators.</TextBlock>
  76
  77     <Label Margin="10, 10, 3, 3" Name="label1" Grid.Column="0" Grid.Row="5"/>
  78     <TextBlock Margin="10, 10, 3, 3" Grid.Column="1" Grid.Row="5" FontSize="12" TextWrapping="WrapWithOverflow" VerticalAlignment= "Center">Click one of the list box items.</TextBlock>
  79
  80   </Grid>
  81 </Window>