xaml - 尝试使用 Silverlight Path 元素创建十字标志

Question

这是我到目前为止写的，但这不起作用。第一条线段可以，从 (0,0) 到 (20,20) - 从左上角到右下角的对角线。但是，第二条线段不是从右上角到左下角的对角线。

我想，我不知道这个元素的语义。

请告诉我如何纠正这个问题？

<Path Stroke="White" StrokeThickness="3">
<Path.Data>
<GeometryGroup>
<LineGeometry StartPoint="0,0" EndPoint="20,20" />
<LineGeometry StartPoint="20,0" EndPoint="0,20" />
</GeometryGroup>
</Path.Data>
</Path>

这就是它所创造的：-

Answer 1

将您的路径放在视图框中，使其缩放到按钮的大小。例如

<Grid>
    <Button Height="23">
        <Viewbox>
                <Path Stroke="White" StrokeThickness="3">
                    <Path.Data>
                        <GeometryGroup>
                            <LineGeometry StartPoint="0,0" EndPoint="20,20" />
                            <LineGeometry StartPoint="20,0" EndPoint="0,20" />
                        </GeometryGroup>
                    </Path.Data>
                </Path>
        </Viewbox>
    </Button>
</Grid>

或者

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <Button HorizontalContentAlignment="Left">
        <StackPanel Orientation="Horizontal">
            <Viewbox>
                <Path StrokeEndLineCap="Triangle" StrokeStartLineCap="Triangle" 
                      Stroke="White" StrokeThickness="3">
                    <Path.Data>
                        <GeometryGroup>
                            <LineGeometry StartPoint="0,0" EndPoint="20,20" />
                            <LineGeometry StartPoint="20,0" EndPoint="0,20" />
                        </GeometryGroup>
                    </Path.Data>
                </Path>
            </Viewbox>

            <TextBlock Margin="5,0,0,0" VerticalAlignment="Center" Text="Press me"/>
        </StackPanel>
    </Button>
</Grid>