.net - 如何在不缩放线宽的情况下缩放路径几何图形以适应视框？

我想绘制一个显示内容的用户控件。基本上我想要一个围绕任何内容的自定义框。

我希望那个盒子可以缩放，所以我使用了一个 View 框。不幸的是， View 框改变了整个显示的控件，而不仅仅是框的几何形状。这会导致用于边框的线条被拉伸(stretch)。

这是我的控件，我需要拉伸(stretch)矢量路径中的点以适合父框。

这是我得到的不良结果。

有没有什么好方法可以在不缩放线条图粗细的情况下拉伸(stretch)填充几何图形？

我意识到我可以用这样简单的几何体来解决这个问题，但在我的实际应用中，路径要复杂得多。

这是我为感兴趣的人提供的控制代码:

<UserControl.Template>
    <ControlTemplate TargetType="{x:Type UserControl}">
        <Grid>
            <Viewbox Stretch="Fill">
                <Canvas Name="svg2" Margin="0" Width="100" Height="63" >
                    <Path Fill="#FFFFFFFF" Stroke="#FF6800FF" StrokeThickness="4" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeLineJoin="Miter" StrokeMiterLimit="4" Name="rect2985" RenderTransformOrigin="0,0">
                        <Path.Data>
                            <PathGeometry FillRule="Nonzero" Figures="M 0,250 L 0,50 L 150,50 L 200,-0.96 L 250,50 L 400,50 L 400,250 L 0,250z">
                                <PathGeometry.Transform>
                                    <TransformGroup>
                                        <ScaleTransform ScaleX=".24" ScaleY=".23" />
                                    </TransformGroup>
                                </PathGeometry.Transform>
                            </PathGeometry>
                        </Path.Data>

                        <Path.RenderTransform>
                            <TransformGroup>
                                <TranslateTransform X="2.1" Y="3" />
                            </TransformGroup>
                        </Path.RenderTransform>
                    </Path>

                    <Grid Canvas.Top="17" Width="90" HorizontalAlignment="Center" Height="40" Canvas.Left="5">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    </Grid>

                </Canvas>
            </Viewbox>
        </Grid>
    </ControlTemplate>
</UserControl.Template>

最佳答案

移除 Viewbox 并将您的“边框”拆分为固定大小、水平拉伸(stretch)和垂直拉伸(stretch)的部分 如下图:

从这里我们可以看到列宽(从左到右)应该是:

固定

变量/拉伸(stretch)

固定

变量/拉伸(stretch)

固定

行高(从上到下)应该是:

固定

变量/拉伸(stretch)

固定

然后，您可以从这里构建 xaml 网格并将“边框”的每个部分放置到相应的位置。这样当你的控件的高度改变时，只有垂直线被拉伸(stretch)。同样，当内容的宽度改变时，只有水平线会被拉伸(stretch)。

关于.net - 如何在不缩放线宽的情况下缩放路径几何图形以适应视框？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12688292/