从 Generic.xml 中的 Style/template 访问静态对象？

Question

我有一个名为 LoadAnimAngle 的替身，它只保存旋转加载图标的角度，它会随着时间的推移而旋转。这个变量在我的MainViewModelclass中定义。我在所有具有旋转加载图标的地方使用相同的变量。

我需要在 Generic.xml 中使用 style/template 定义的自定义控件中使用它。这是我绑定到 LoadAnimAngle:

的部分

<v:ColoredImage Image="{StaticResource LoadingIcon}" Color="{StaticResource DarkBlueClick}" RenderTransformOrigin="0.5, 0.5" VerticalAlignment="Center" Width="32" Height="32" Margin="0,0,0,0" Visibility="{Binding IsBusy, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisibility}}">
    <v:ColoredImage.RenderTransform>
       <RotateTransform Angle="{Binding MainViewModel.LoadAnimAngle, RelativeSource={RelativeSource TemplatedParent}}}"/> //here is the error
    </v:ColoredImage.RenderTransform>
</v:ColoredImage>

自定义控件有一个属性绑定到我的 MainViewModel 实例，如下所示：

public MainViewModel MainViewModel { get { return MainViewModel.instance; } }

在 MainViewModel 的构造函数中，我简单地设置了：

instance = this;

问题是 Generic.xml 在我的 MainViewModel class 之前加载，导致在图形加载之前帧的实例为空，在所有加载完成之后，一切正常。我该如何解决这个问题？

System.Windows.Data Error: 2 : Cannot find governing FrameworkElement or FrameworkContentElement for target element. BindingExpression:Path=MainViewModel.LoadAnimAngle; DataItem=null; target element is 'RotateTransform' (HashCode=66939890); target property is 'Angle' (type 'Double')

注意：我知道这个错误是无害的，不会对最终用户产生任何影响，但是每次调试时看到这个错误都会让我感到痛苦。

我需要在 Generic 之前以某种方式加载 MainViewModel，或者告诉 xaml 在 MainViewModel != null 之前不要尝试从 LoadAnimAngle 获取数据。

编辑

我进行更改后出现相同的错误，因此我不直接绑定到 MainViewModel 的实例。所以我认为我对问题案例的评价是错误的。

我加了

    public double LoadAnimAngle
    {
        get
        {
            if (MainViewModel.instance != null)
            {
                return MainViewModel.instance.LoadAnimAngle;
            }
            return 0;
        }
    }

到视图模型（而不是 return MainViewModel.instance）

然后我将绑定更改为：

Angle="{Binding Path=LoadAnimAngle, RelativeSource={RelativeSource TemplatedParent}}"

我得到同样的错误：

System.Windows.Data Error: 2 : Cannot find governing FrameworkElement or FrameworkContentElement for target element. BindingExpression:Path=LoadAnimAngle; DataItem=null; target element is 'RotateTransform' (HashCode=21529561); target property is 'Angle' (type 'Double')

如果问题不是 MainViewModel.instance 为 NULL，那么是什么导致了问题？我在解码错误消息中的语言时遇到问题。到底哪里出了问题，为什么？

编辑 2

相关上下文 (?)

    <Style TargetType = "{x:Type v:ComPortButton}" >
    <Setter Property = "Background" Value = "{StaticResource Milky}"/>
    <Setter Property = "ColorPalette" Value = "{StaticResource MilkyPalette}"/>
    <Setter Property = "Foreground" Value = "{StaticResource Black}"/>
    <Setter Property = "BorderColor" Value = "{StaticResource Milky}"/>
    <Setter Property="IsBasicTextButton" Value="False"/>
    <Setter Property="HorizontalContentAlignment" Value="Center"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type v:ComPortButton}">
                <Grid>
                    <Grid Visibility="{Binding Path=IsBasicTextButton, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource InverseBooleanToVisibility}}">
                        <Border BorderBrush="{TemplateBinding BorderColor}" Background="{TemplateBinding Background}" Width="128" Height="140" BorderThickness="1"/>

                        //REMOVED IREELEVANT CODE

                        <v:ColoredImage Image="{StaticResource LoadingIcon}" Color="{StaticResource DarkBlueClick}" RenderTransformOrigin="0.5, 0.5" VerticalAlignment="Center" Width="32" Height="32" Margin="0,0,0,0" Visibility="{Binding IsBusy, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisibility}}">
<v:ColoredImage.RenderTransform>
   <RotateTransform Angle="{Binding MainViewModel.LoadAnimAngle, RelativeSource={RelativeSource TemplatedParent}}}"/> //here is the error
</v:ColoredImage.RenderTransform>
</v:ColoredImage>

                    </Grid>
                    
                    //REMOVED IRRELEVANT CONTROL
                    </Grid>

                    //REMOVED IRRELEVANT CONTEXT MENU
                    
                </Grid>
                //REMOVED IRRELEVANT TRIGGERS
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

编辑 3

错误的来源似乎与我最初的想法完全不同。该错误似乎与RenderTransform有关，因为我可以从其他地方访问属性而不会出错。

像这样：

// NO ERROR FOR TEXT BLOCK
<TextBlock Text="{Binding MainViewModel.LoadAnimAngle, RelativeSource={RelativeSource TemplatedParent}}"/>
                        
<v:ColoredImage Image="{StaticResource LoadingIcon}" Color="{StaticResource DarkBlueClick}" RenderTransformOrigin="0.5, 0.5" VerticalAlignment="Center" Width="32" Height="32" Margin="0,0,0,0" Visibility="{Binding IsBusy, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisibility}}">
    <v:ColoredImage.RenderTransform>
        // ERROR FOR ROTATETRANSFORM
        <RotateTransform Angle="{Binding MainViewModel.LoadAnimAngle, RelativeSource={RelativeSource TemplatedParent}}"/>
    </v:ColoredImage.RenderTransform>
</v:ColoredImage>

但是当我不引用 MainViewModel 时我也会得到错误。我像这样创建了一个新的属性：

    public double LoadAnimAngle
    {
        get
        {
            return 0;
        }
    }

然后我在模板中这样使用它：

                            <v:ColoredImage Image="{StaticResource LoadingIcon}" Color="{StaticResource DarkBlueClick}" RenderTransformOrigin="0.5, 0.5" VerticalAlignment="Center" Width="32" Height="32" Margin="0,0,0,0" Visibility="{Binding IsBusy, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisibility}}">
                            <v:ColoredImage.RenderTransform>
                                <RotateTransform Angle="{Binding LoadAnimAngle, RelativeSource={RelativeSource TemplatedParent}}"/>
                            </v:ColoredImage.RenderTransform>
                        </v:ColoredImage>

但我得到完全相同的错误！

因此，属性有效，一切正常。只是RenderTransform在实例化的时候第一帧好像在VisualTree之外？或者类似的东西，我猜？ RenderTransform 中发生了一些不同的事情，所以它不喜欢我的绑定。

我可能不清楚结构。

ComPortButton 是一个 Custom Control（.cs 文件 Template/Style in Generic.xml）。 ComPortButton 使用 ComPortVM，因为它是 DataContext。我想全局访问旋转值，不同的控件，不同的 windows，不同的一切，全局。我有一个 MainViewModel，我目前在其中存储值，因为它提供了全局访问权限，因为它

编辑 4

已解决并在下面发布解决方案

Answer 1

您的控件必须独立于具体的视图模型类型。相反，将控件的内部结构绑定到此控件的依赖属性。然后让外部视图模型绑定到这个属性（或在本地设置）。
这样您就消除了控件与 DataContext 之间的紧密耦合，从而大大简化了控件的实现。它还允许控件与任何 DataContext（视图模型）重用。

ComPortButton.cs

class ComPortButton : Control
{
  public double Angle
  {
    get => (double)GetValue(AngleProperty);
    set => SetValue(AnglePropertyKey, value);
  }

  protected static readonly DependencyProperty AnglePropertyKey = DependencyProperty.RegisterReadOnly(
  "Angle",
  typeof(double),
  typeof(ComPortButton),
  new PropertyMetadata(default));

  public static readonly DependencyProperty AngleProperty = AnglePropertyKey..DependencyProperty;

  public double ProgressPercentage
  {
    get => (double)GetValue(ProgressPercentageProperty);
    set => SetValue(ProgressPercentageProperty, value);
  }

  public static readonly DependencyProperty ProgressPercentageProperty = DependencyProperty.Register(
  "ProgressPercentage",
  typeof(double),
  typeof(ComPortButton),
  new PropertyMetadata(default(double), OnProgressPercentageChanged));

  private static void OnProgressPercentageChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
  {
    double percentage = (double)e.NewValue / 100;

    // Enforce an angle between 0°-360°
    this.Angle = Math.Max(0, Math.Min(360, 360 * percentage));
  }
}

Generic.xaml

<Style TargetType="ComPortButton">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type v:ComPortButton}">
        <v:ColoredImage>
          <v:ColoredImage.RenderTransform>
            <RotateTransform Angle="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Angle}" />
          </v:ColoredImage.RenderTransform>
        </v:ColoredImage>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

使用示例

<Window>
  <Window.DataContext>
    <MainViewModel />
  </Window.DataContext>

  <ComPortButton ProgressPercentage="{Binding ProgressPercentageValue}" />
</Window>

Answer 2

在我弄清楚是 RenderTransform 问题而不是其他任何问题之后，很容易在网上找到解决方案，似乎很多人都有同样的问题。

Here is the Thread that helped me solve it

问题与 VisualTree 有关，在加载整个控件之前，模板中的 RenderTransform 没有连接到 VisualTree。或者类似的东西。

像这样绑定到 RotateTransform 时：

    <v:ColoredImage.RenderTransform>
        <RotateTransform Angle="{Binding LoadAnimAngle, RelativeSource={RelativeSource TemplatedParent}}"/>
    </v:ColoredImage.RenderTransform>

出现问题。但是出于某种我不明白的原因，您可以通过绑定到 RenderTransform 来消除错误。但是为此你需要一个转换器。

[ValueConversion(typeof(double), typeof(RotateTransform))]
public class AngleToTransform : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter,
        System.Globalization.CultureInfo culture)
    {
        return new RotateTransform((double)value);
    }

    public object ConvertBack(object value, Type targetType, object parameter,
        System.Globalization.CultureInfo culture)
    {
        throw new NotSupportedException();
    }
}

然后像这样使用转换器：

<v:ColoredImage RenderTransform="{Binding MainViewModel.LoadAnimAngle, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource AngleToTransform}}"/>

从 Generic.xml 中的 Style/template 访问静态对象？

Accessing a static object from Style/template in Generic.xml?

data-binding

wpf

frameworkelement

使用示例