北、東、南、西の方向に、中心から線が出ている楕円の束をレンダリングしようとしています。
ただし、すべての楕円が独自の線の上だけでなく、すべての線の上にある必要もあります。
次のコードでは、各項目テンプレートに独自のキャンバスがあるため、これを行うことができず、zindex を設定しても役に立ちません。
これをどのように解決できるかについてのアイデアはありますか?
<Window x:Class="WpfApplication27.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="800" Width="800">
<ItemsControl ItemsSource="{Binding Nodes}">
<ItemsControl.Template>
<ControlTemplate>
<Grid>
<Canvas Name="PART_Canvas" IsItemsHost="True"/>
</Grid>
</ControlTemplate>
</ItemsControl.Template>
<ItemsControl.ItemTemplate>
<DataTemplate>
<Canvas>
<Line X1="25" Y1="25" X2="25" Y2="125" Stroke="Black"/>
<Line X1="25" Y1="25" X2="25" Y2="-75" Stroke="Black"/>
<Line X1="25" Y1="25" X2="125" Y2="25" Stroke="Black"/>
<Line X1="25" Y1="25" X2="-75" Y2="25" Stroke="Black"/>
<Ellipse Width="50" Height="50" Fill="Red"/>
</Canvas>
</DataTemplate>
</ItemsControl.ItemTemplate>
<ItemsControl.ItemContainerStyle>
<Style TargetType="ContentPresenter">
<Setter Property="Canvas.Left" Value="{Binding X}"/>
<Setter Property="Canvas.Top" Value="{Binding Y}"/>
</Style>
</ItemsControl.ItemContainerStyle>
</ItemsControl>
</Window>