WPF：TemplateBinding 到 StrokeThickness 的 Shape 不起作用？

Question

看起来 ControlTemplate 中的以下 Ellipse 没有得到 BorderThickness，但为什么呢？

<Window.Resources>
    <ControlTemplate x:Key="EllipseControlTemplate" TargetType="{x:Type TextBox}">
        <Grid>
            <Ellipse 
                Width="{TemplateBinding ActualWidth}" 
                Height="{TemplateBinding ActualHeight}" 
                Stroke="{TemplateBinding Foreground}" 
                StrokeThickness="{TemplateBinding BorderThickness}" />
                <ScrollViewer Margin="0" x:Name="PART_ContentHost" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </Grid>
    </ControlTemplate>
</Window.Resources>
<Grid>
    <TextBox
        Template="{DynamicResource EllipseControlTemplate}" 
        Foreground="Green"
        BorderThickness="15" />
</Grid>

模板绑​​定到Foreground 工作得很好，椭圆是绿色的。但是对于StrokeThickness 似乎不起作用，为什么？

Answer 1

BorderThickness 不是那么容易，它是一个Thickness 类型的结构（并且可以是复合的，如BorderThickness=".0,.0,2,2"），而StrokeThickness 属性的类型是double。

您需要IValueConverter 才能进行此绑定。

Answer 2

存在命名问题：BorderThickness 是 Thickness 的类型，StrokeThickness 是 double 的类型。所以我们需要IValueConverter。

Answer 3

您还可以使用 Ellipse 的 DataContext 属性：

<Ellipse DataContext="{TemplateBinding BorderThickness}" StrokeThickness="{Binding Top}" />

希望这会有所帮助！

Answer 4

另一种可能的解决方案...（因为我喜欢只使用 IValueConverters 作为最后的手段，如果您需要将 Ellipse 的 DataContext 设置为其他值，则可能无法更改）：

<Ellipse StrokeThickness="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=BorderThickness.Top}" />

这相当于最初的意图（绑定到 TemplatedParent），但使用长手标记允许您指定路径而不仅仅是属性