0

我试图用从中心出来的线渲染一堆椭圆，在北、东、南和西方向。

但是，我还需要所有椭圆都位于所有线条之上，而不仅仅是位于其自身线条之上。

使用以下代码，我不能这样做，因为每个项目模板都有自己的画布，因此设置 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>
4

1 回答 1

0

ItemsCotrols您可以在彼此顶部添加 2绑定到同一个集合，后面的将渲染线条，前面的渲染椭圆

 <Grid>
    <Grid.Resources>
        <Style x:Key="NodeContainer" TargetType="ContentPresenter">
            <Setter Property="Canvas.Left" Value="{Binding X}"/>
            <Setter Property="Canvas.Top" Value="{Binding Y}"/>
        </Style>
    </Grid.Resources>

    <!--Line-->
    <ItemsControl ItemsSource="{Binding Nodes}" ItemContainerStyle="{StaticResource NodeContainer}">
        <ItemsControl.Template>
            <ControlTemplate>
                <Grid>
                    <Canvas Name="PART_CanvasBack" 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"/>
                </Canvas>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

    <!--Ellipse-->
    <ItemsControl ItemsSource="{Binding Nodes}" ItemContainerStyle="{StaticResource NodeContainer}">
        <ItemsControl.Template>
            <ControlTemplate>
                <Grid>
                    <Canvas Name="PART_CanvasFront" IsItemsHost="True"/>
                </Grid>
            </ControlTemplate>
        </ItemsControl.Template>

        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Canvas>
                    <Ellipse Width="50" Height="50" Fill="Red"/>
                </Canvas>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

</Grid>
于 2013-06-01T00:38:50.880 回答