ListBox 列表框

ListBoxBaseStyle

ListBox默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。

用例：

1
<Style BasedOn="{StaticResource ListBoxBaseStyle}" TargetType="ListBox"/>

ListBox.BaseStyle

ListBoxCustom : ListBoxBaseStyle

ListBox列表Custom样式，该样式保留了Listbox的基本属性样式，而数据显示样式由当前用户自定义，实现个性化定制。

用例：

1
2
3
4
5
6
7
8
9
10
11
12
13
<ListBox Margin="10" ItemsSource="{Binding Datas}"  
         Style="{DynamicResource ListBoxCustom}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Border BorderThickness="1" BorderBrush="Black" Margin="0,5">
                <DockPanel LastChildFill="True">
                    <Path DockPanel.Dock="Left" Fill="YellowGreen" Width="20" Margin="10,0,10,0" HorizontalAlignment="Center" Data="{DynamicResource BubbleTailGeometry}"></Path>
                    <TextBlock Padding="10" Text="{Binding Name}"></TextBlock>
                </DockPanel>
            </Border>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

ListBox.CustomStyle

WrapPanelHorizontalListBox : ListBoxCustom

布局容器为WrapPanel，水平方向显示样式。

用例：

1
2
3
4
5
6
7
8
9
10
11
12
13
<ListBox Margin="10" ItemsSource="{Binding Datas}"  
         Style="{DynamicResource WrapPanelHorizontalListBox}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Border BorderThickness="1" BorderBrush="Black" Margin="5,0">
                <DockPanel LastChildFill="True">
                    <Path DockPanel.Dock="Left" Fill="YellowGreen" Width="20" Margin="10,0,10,0" HorizontalAlignment="Center" Data="{DynamicResource BubbleTailGeometry}"></Path>
                    <TextBlock Padding="10" Text="{Binding Name}"></TextBlock>
                </DockPanel>
            </Border>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

ListBox.WrapPanelHorizontalStyle

WrapPanelVerticalListBox : ListBoxCustom

布局容器为WrapPanel，垂直方向显示样式。

用例：

1
2
3
4
5
6
7
8
9
10
11
12
13
<ListBox Margin="10" ItemsSource="{Binding Datas}"  
         Style="{DynamicResource WrapPanelVerticalListBox}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Border BorderThickness="1" BorderBrush="Black" Margin="0,5">
                <DockPanel LastChildFill="True">
                    <Path DockPanel.Dock="Left" Fill="YellowGreen" Width="20" Margin="10,0,10,0" HorizontalAlignment="Center" Data="{DynamicResource BubbleTailGeometry}"></Path>
                    <TextBlock Padding="10" Text="{Binding Name}"></TextBlock>
                </DockPanel>
            </Border>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

ListBox.WrapPanelVerticalStyle

StackPanelHorizontalListBox : ListBoxCustom

布局容器为StackPanel，水平方向显示样式。

用例：

1
2
3
4
5
6
7
8
9
10
11
12
13
<ListBox Margin="10" ItemsSource="{Binding Datas}"  
         Style="{DynamicResource StackPanelHorizontalListBox}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Border BorderThickness="1" BorderBrush="Black" Margin="5,0">
                <DockPanel LastChildFill="True">
                    <Path DockPanel.Dock="Left" Fill="YellowGreen" Width="20" Margin="10,0,10,0" HorizontalAlignment="Center" Data="{DynamicResource BubbleTailGeometry}"></Path>
                    <TextBlock Padding="10" Text="{Binding Name}"></TextBlock>
                </DockPanel>
            </Border>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

ListBox.StackPanelHorizontalStyle

StackPanelVerticalListBox : ListBoxCustom

布局容器为StackPanel，垂直方向显示样式。

用例：

1
2
3
4
5
6
7
8
9
10
11
12
13
<ListBox Margin="10" ItemsSource="{Binding Datas}"  
         Style="{DynamicResource StackPanelVerticalListBox}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Border BorderThickness="1" BorderBrush="Black" Margin="0,1">
                <DockPanel LastChildFill="True">
                    <Path DockPanel.Dock="Left" Fill="YellowGreen" Width="20" Margin="10,0,10,0" HorizontalAlignment="Center" Data="{DynamicResource BubbleTailGeometry}"></Path>
                    <TextBlock Padding="10" Text="{Binding Name}"></TextBlock>
                </DockPanel>
            </Border>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

ListBox.StackPanelVerticalStyle