generic.xaml 中的 TemplateBinding 和属性上的重绘已更改

Question

我有一个自定义控件。在自定义控件中，有几个元素。这些元素之一应该具有特殊的高度值。

我所说的这个高度是以下代码中的 CanvasThickness：

private double canvasThickness;

public static readonly DependencyProperty CanvasThicknessProperty =
  DependencyProperty.Register("CanvasThickness",
  typeof(double),
  typeof(CustomControl1),
  new FrameworkPropertyMetadata(3d));

public double CanvasThickness
{
  get { return canvasThickness; }
  set { canvasThickness = value; }
}

在 generic.xaml 中，这个 CanvasThickness 用于 Canvas 的 Height-Property：

<ControlTemplate x:Key="SliderTemplate" TargetType="{x:Type Slider}">
  <Canvas Width="25" Height="{TemplateBinding local:CustomControl1.CanvasThickness}" Background="Green">
    // Templating Slider
  </Canvas>
</ControlTemplate>

<Style TargetType="{x:Type local:CustomControl1}">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type local:CustomControl1}">
        <Canvas Width="50" Height="20" Background="GreenYellow">
          <Slider Template="{StaticResource SliderTemplate}" />
        </Canvas>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

现在这个 Slider 的高度为 3。 假设我像这样使用 CustomControl：

<ctrl:CustomControl1 CanvasThickness="12"/>

I会假设 Slider 的高度为 12。但它仍然是 3。CanvasThickness 的值为 12。

如何重新绘制 CustomControl属性改变了？我尝试了 FrameworkPropertyMetadataOptions，但它不影响 CustomControl。

提前致谢。

编辑：如果可能，解决方案也应该在 Silverlight 中运行。

Answer 1

这很简单:)

<Style x:Key="CanvasStyle" TargetType="{x:Type local:CustomCanvas}">
  <Setter Property="Height" Value="{Binding Path=CanvasThickness, RelativeSource={RelativeSource AncestorType={x:Type local:CustomControl1}}}" />
</Style>

<ControlTemplate x:Key="SliderTemplate" TargetType="{x:Type Slider}">
  <local:CustomCanvas Style="{StaticResource CanvasStyle}" Background="Green" />
</ControlTemplate>

<Style TargetType="{x:Type local:CustomControl1}">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type local:CustomControl1}">
        <Canvas Width="50" Height="20" Background="GreenYellow">
          <Slider Template="{StaticResource SliderTemplate}" />
        </Canvas>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

Answer 2

Slider 模板中的 TemplateBinding 正在尝试解析模板化控件上名为 CanvasThickness 的属性，该控件是一个 Slider，不是您的自定义控件。

我一开始就不明白 Canvas 的意义。如果不确切知道您想要实现什么目标，就不可能说出来，但我怀疑您想要更接近此的东西：

<Style TargetType="{x:Type local:CustomControl1}">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type local:CustomControl1}">
        <Border Width="50" Height="20" Background="GreenYellow">
          <Slider Template="{StaticResource SliderTemplate}" Height="{TemplateBinding CanvasThickness}" />
        </Border>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

即使如此， Border 也具有硬编码的宽度和高度，这通常是一个坏主意。