كيفية القيام بما يلي: إنشاء ListBox أفقي
يوضح هذا المثال كيفية إنشاء ListBoxأفقي, بواسطة تعريف نمط. ListBoxItem يتم سرد عناصر التحكم أفقياً و مفصولة بفواصل معرفة من قبل المستخدم. يعين النمط ItemsPanel خاصية ListBox إلى StackPanelأفقي. يظهر المثال التالي أنماط Separator و ListBox.
مثال
<Grid.Resources>
<Style TargetType="Separator">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Separator}">
<Border Width="2" Height="12" Margin="4" Background="Gray"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style TargetType="ListBox">
<Setter Property="ItemsPanel">
<Setter.Value>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal"
VerticalAlignment="Center"
HorizontalAlignment="Center"/>
</ItemsPanelTemplate>
</Setter.Value>
</Setter>
</Style>
</Grid.Resources>
...
<ListBox Name="lb"
Margin="10, 10, 3, 3" Height="50"
Grid.Column="0" Grid.Row="2"
Grid.RowSpan="2"
SelectionChanged="PrintText">
<ListBoxItem>Item 1</ListBoxItem>
<Separator/>
<ListBoxItem>Item 2</ListBoxItem>
<Separator/>
<ListBoxItem>Item 3</ListBoxItem>
<Separator/>
<ListBoxItem>Item 4</ListBoxItem>
<Separator/>
<ListBoxItem>Item 5</ListBoxItem>
<Separator/>
<ListBoxItem>Item 6</ListBoxItem>
<Separator/>
<ListBoxItem>Item 7</ListBoxItem>
<Separator/>
<ListBoxItem>Item 8</ListBoxItem>
<Separator/>
<ListBoxItem>Item 9</ListBoxItem>
<Separator/>
<ListBoxItem>Item 10</ListBoxItem>
</ListBox>
يمكنك أيضاً إنشاء ListBox أفقي, عن طريق إنشاء ControlTemplateجديد. لمزيد من المعلومات، راجع المثال في ItemsPanel.