A container that allows child elements to present a honeycomb layout.
1
| public class HoneycombPanel : Panel
|
Honeycomb layout
Other elements will start from the first element and wrap around:
1
2
3
4
5
6
7
8
| ● ●
(7) (8)
● ● ●
(6) (1) (9)
● ● ● ...
(5) (0) (2)
● ● ...
(4) (3)
|
Case
1
2
3
4
5
6
7
8
9
10
11
12
| <ListBox Background="Transparent" BorderThickness="0" Style="{StaticResource ListBoxCustom}" ItemsSource="{Binding DataList}">
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<hc:HoneycombPanel hc:PanelElement.FluidMoveBehavior="{StaticResource BehaviorXY200}"/>
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemTemplate>
<DataTemplate>
<hc:Gravatar Style="{StaticResource GravatarCircle}" Margin="10" Source="{Binding Content}"/>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
|
