WPF - 如何确定为什么这个 XAML 样式代码不起作用？

Question

任何建议如何找出错误以找出为什么此 XAML 中的 Grid.Resources 样式对最终结果没有任何影响？

注意我正在使用WPFToolkit 中的图表，因此要调整图表的外观，似乎必须应用样式区域（论坛上有人建议）。

所以我的问题是笼统的，注意我正在尝试调整第 3 方图表的外观，我该如何调试/故障查找以了解出了什么问题？有调试技巧吗？例如，当我将 BorderThickness 增加到 30 时，我看不出有什么不同。我真正追求的是相当于 FireBug for HTML/CSS，它可以让您了解/查看哪些 CSS 应用于哪些元素。

编辑：所以我真的（我认为）希望能够遍历图形的对象树，并回顾放在 Grid.Resources 区域中的模板更改，看看为什么它们没有发生。

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:chartingToolkit="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit" mc:Ignorable="d" x:Name="Splash" x:Class="MyInternetUsage.SplashWindow"
        Title="SplashWindow" Height="421" Width="570">
    <DockPanel>
        <StackPanel VerticalAlignment="Top" DockPanel.Dock="Top" Orientation="Horizontal">
            <Button Content="Configure" HorizontalAlignment="Left" Margin="0" Width="78" VerticalAlignment="Center" Name="ConfigureButton" Click="ConfigureButton_Click" />
            <Button Content="Start" Name="StartButton" Width="78" Click="StartButton_Click" />
            <Button Content="Stop" Name="StopButton" Width="78" Click="StopButton_Click" />
        </StackPanel>

        <Grid>

            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="150"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <Label Content="Summary" Grid.Column="0"/>

            <GridSplitter HorizontalAlignment="Right" 
                VerticalAlignment="Stretch" Grid.Column="1" ResizeBehavior="PreviousAndNext"
                Width="5" Background="#FFBCBCBC"/>

                <Grid Grid.Column="2">
                <Grid.Resources>
                    <Style x:Key="GooglePolylineStyle" TargetType="Polyline">
                        <Setter Property="StrokeThickness" Value="30"/>
                    </Style>

                    <Style x:Key="GoogleLineDataPointStyle" TargetType="chartingToolkit:LineDataPoint">
                        <Setter Property="Background" Value="#0077CC" />
                        <Setter Property="BorderBrush" Value="White"/>
                        <Setter Property="BorderThickness" Value="30"/>
                        <Setter Property="IsTabStop" Value="False"/>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="chartingToolkit:LineDataPoint">
                                    <Grid x:Name="Root" Opacity="1">
                                        <ToolTipService.ToolTip>
                                            <StackPanel Margin="2,2,2,2">
                                                <ContentControl Content="{TemplateBinding IndependentValue}" 
                                            ContentStringFormat="{}{0:MMMM d, yyyy}"/>
                                                <ContentControl Content="{TemplateBinding DependentValue}" 
                                            ContentStringFormat="Visits {0:###,###,###}"/>
                                            </StackPanel>
                                        </ToolTipService.ToolTip>
                                        <Ellipse StrokeThickness="{TemplateBinding BorderThickness}" 
                                         Stroke="{TemplateBinding BorderBrush}" 
                                         Fill="{TemplateBinding Background}"/>
                                    </Grid>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>

                </Grid.Resources>
                <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <Label Content="Real Time Graph" VerticalAlignment="Top" Grid.Row="0" />
                    <chartingToolkit:Chart Grid.Row="1" 
                                           Name="RTGraph" 
                                           BorderThickness="0" >

                    </chartingToolkit:Chart>
                </Grid>

        </Grid>



    </DockPanel>
</Window>

Answer 1

正如 SeeSharp 所说，Snoop 允许您在运行时查看对象树（并更改值并查看结果等）。但是，我认为您的问题可能是您没有在 <chartingToolkit:Chart /> 对象上明确应用样式。

尝试以下方法之一，看看是否有效果：

在对象上应用样式：

<chartingToolkit:Chart
    ...
    Style="{DynamicResource GoogleLineDataPointStyle}"
    ...
    >

或从样式中移除键，使其仅具有 TargetType 属性（应使其成为该类型所有对象的默认样式：

<Style TargetType="chartingToolkit:LineDataPoint">
    ...
</Style>

Answer 2

既然您已经为样式指定了x:Key。您需要明确设置项目的样式属性以将该样式用作资源。

您是否尝试过从样式中删除 x:Key 属性，并将样式声明从网格移到图表中？

Answer 3

在 VS 中查看输出窗口。此窗口中记录的所有绑定错误。另外，tool Snoop 可以查看有错误的绑定。

Answer 4

如果这是一个 WPF 应用程序，我想建议一件愚蠢的事情。对不起。请将相同的代码复制并粘贴到 silverlight 应用程序中，然后使用 Firebug 检查元素。

另外，在您的代码 sn-p 中，我认为您需要提供：

TargetType="{x:Type Polyline}"

TargetType="{x:Type chartingToolkit:LineDataPoint}"

如果您希望这些样式自动应用于目标类型，请移除 x:Key。

此外，您还可以找到有用的 WPF 实用程序列表@http://www.simple-talk.com/dotnet/.net-tools/essential-tools-for-the-wpf-novice/