WPF - 如何確定爲什麼這個XAML樣式代碼不工作？

Question

任何建議如何發現故障以找出爲什麼在這個XAML中的Grid.Resources樣式沒有產生任何影響似乎最終結果？

注意我使用WPFToolkit中的圖表來調整圖表看起來似乎必須應用樣式區域（由論壇上的某個人建議）。

所以我的問題是一般性的，注意到我試圖調整第三方圖的外觀，我該如何調試/錯誤發現以瞭解發生了什麼問題？有沒有一個調試技巧？例如，當我將BorderThickness增加到30時，我看不出有什麼區別。我真正追求的是相當於HTML/CSS的FireBug，它可以讓你理解/查看哪些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

既然你已經給了你x:Key需要明確設置的樣式屬性的樣式您。項目將該樣式用作資源。

您是否嘗試從樣式中移除x：Key屬性，並將樣式聲明從網格移動到圖表中？

Answer 2

查看VS中的輸出窗口。所有綁定錯誤記錄在此窗口中。此外，tool Snoop允許看到有錯誤的綁定。

Answer 3

如果這是一個WPF應用程序，我想建議一個愚蠢的東西。對不起。請將相同的代碼複製並粘貼到Silverlight應用程序中，然後使用Firebug檢查該元素。

此外，在您的代碼段，我認爲你需要給：

TargetType="{x:Type Polyline}"

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

如果你想成爲的目標類型自動應用這些樣式，然後取出X ：鍵。

此外，你可以找到有用的WPF公用事業@http://www.simple-talk.com/dotnet/.net-tools/essential-tools-for-the-wpf-novice/

Answer 4

列表作爲SeeSharp說，探聽允許您查看在運行時的對象樹（和改變價值觀和看到的結果等）。不過，我認爲你的問題可能是你沒有明確地在<chartingToolkit:Chart />對象上應用樣式。

嘗試以下操作之一，看看它是否有差別：

將樣式的對象：

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

或刪除風格的關鍵，這樣它只有一個TargetType的屬性（應使它的默認樣式該類型的所有對象：

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