WPF绘制多路径

Question

我试图用混合(例如编码文件夹图像)绘制，但我有一些困难，以塑造这一点。

基本上，我从画布控件开始，但是图片的大小不能链接到父母的大小。

使用网格，图片可以自动大小，但所有路径都占据了所有位置。最后，通过一些变换，最终的结果是可以接受的，但是需要大量的计算才能得到一个好的变换。

<Window x:Class="FolderVSG.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
        mc:Ignorable="d" 
        Title="MainWindow">
    <Grid Width="300" Height="300" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Path Data="M0,0L3,0 4,1 9,1 9,9 0,9z" Fill="#FF1878D8" Stretch="Fill" Stroke="Black" HorizontalAlignment="Center" VerticalAlignment="Center">
            <Path.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="0.89"/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </Path.RenderTransform>
        </Path>
        <Path Data="M1,0L9,0 8,9 0,9z" Fill="#FF185ED8" Stretch="Fill" Stroke="Black" HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="1,1">
            <Path.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleY="0.8"/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </Path.RenderTransform>
        </Path>
    </Grid>
</Window>

也许问题是我画的方式，也许它有一个布局像画布，但谁调整大小从最大X Y和最小X Y点。

Answer 1

当缩放时，路径会变得分离和独立吗？我就是这么看你的问题的。

如果是这样的话，将您的路径添加到画布中，并使它们看起来正确。然后把你的画布放在一个视图框中。视图框将为您统一缩放内容，因此您可以随意调整大小和移动。请记住，您的画布将需要一个固定的大小，以使这项工作。

<Viewbox>
  <Canvas Width="30" Height="20">
    <Path Data="..."/>
  </Canvas>
</Viewbox>

如果这不是答案，请在你的问题中澄清一下你的困难是什么。