从 Generic.xml 中的样式/模板访问静态对象？

问题描述 投票：0回答：2

我有一个名为 

LoadAnimAngle
的双精度值，它只是保存旋转加载图标的角度，该图标会随着时间的推移而旋转。这个变量是在我的 
MainViewModel
类中定义的。我在所有具有旋转加载图标的地方使用相同的变量。

我需要它在 

Generic.xml
中使用样式/模板定义的自定义控件内。这是我绑定到 
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
类之前加载，导致在图形加载之前帧的实例为空，在加载所有内容后，一切正常。我该如何解决这个问题？

System.Windows.Data 错误：2：找不到目标元素的管理 FrameworkElement 或 FrameworkContentElement。 BindingExpression:Path=MainViewModel.LoadAnimAngle;数据项=空；目标元素是“RotateTransform”（HashCode=66939890）；目标属性是“角度”（类型“双”）

注意：我确实明白该错误是无害的，不会对最终用户产生任何影响。然而，每次调试时看到这个错误都会让我情绪痛苦。

我需要在 Generic 之前以某种方式加载 

MainViewModel
，或者告诉 XAML 不要尝试从 LoadAnimAngle 获取数据，直到 MainViewModel != null。

在进行更改后，我得到了同样的错误，以便我不直接绑定到 

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 错误：2：找不到目标元素的管理 FrameworkElement 或 FrameworkContentElement。 BindingExpression:Path=LoadAnimAngle;数据项=空；目标元素是“RotateTransform”（HashCode=21529561）；目标属性是“角度”（类型“双”）

如果问题不是因为

MainViewModel.instance
为NULL，那么是什么原因导致了这个问题呢？我在解码错误消息中的语言时遇到问题。究竟出了什么问题，为什么？

相关上下文（？）

    <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>

错误的来源似乎与我最初的想法完全不同。该错误似乎与

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 是一个自定义控件（.cs 文件，在 Generic.xml 中包含模板/样式）。 ComPortButton 使用 ComPortVM，因为它是 DataContext。 我想在全球范围内访问旋转值，不同的控件，不同的窗口，不同的一切，全球范围内。 我有一个 MainViewModel 当前在其中存储值，因为它提供全局访问权限。

wpf data-binding frameworkelement
2个回答
0
投票

当我发现是 RenderTransform 的问题而不是其他问题后，很容易在网上找到解决方案，似乎很多人都遇到了同样的问题。

这是帮助我解决问题的线程

问题与 VisualTree 有关，模板中的 RenderTransform 在整个 Control 加载之前并未连接到 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}}"/>
0
投票

您的控件必须独立于具体的视图模型类型。相反，将控件的内部绑定到该控件的依赖属性。然后让外部视图模型绑定到这个属性（或在本地设置它们）。
通过这种方式，您可以消除控件和 

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>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.