xaml - 拉伸(stretch) XAML 路径以填充其包含的元素

Question

我有一个 ControlTemplate与一些 Path s 在里面。我想要 Path s 来拉伸(stretch)和填充它们所在的控件，例如 Button .我怎样才能做到这一点？

我目前的样子是这样的:

<ControlTemplate x:Key="SomeTemplate" TargetType="Button">
    <Canvas Background="AliceBlue">
        <Path Data="M 99.5,50 A 49.5,49.5 0 1 1 0.5,50 A 49.5,49.5 0 1 1 99.5,50 z"
            Fill="White" Stroke="Black" StrokeThickness="1" />
        <Path Data="M 15,50 C 17.5,22.5 47.5,22.5 50,50 C 52.5,77.5 82.5,77.5 85,50"
            Stroke="Black" StrokeThickness="1" />
    </Canvas>
</ControlTemplate>

...

<Button Template="{StaticResource SomeTemplate}" Height="120" Width="120" />

我知道 ScaleTransform的 StrechX和 StretchY属性，但它们只是原始 Path 的比例缩放的大小。

我会使用值(value)转换器吗？或者也许某种形式的相对绑定(bind)到 parent 的大小？

Answer 1

在您的示例中，在 Canvas 周围放置一个 ViewBox 应该可以。