8

Windows8ストアアプリで実行中のXAMLを検査する方法を探しています。基本的に、単純なレイアウトとスタイルの問題をデバッグするために、実行時に生成されたXAMLソースを確認できるfirebug /chromeinspectorスタイルの機能が必要です。

Snoop、Pistachio、WPF Inspectorを試しましたが、Windowsストアアプリでは機能しません。ストアアプリで機能すると思われるものは、XAMLスパイだけです。これは90ユーロです。その費用を正当化することはできません。

実行中のXAMLを検査する他の方法はありますか？

4

4 に答える 4

6

WinRT XAML Toolkitに、実際のビジュアル（ビジュアルツリーデバッガー）が追加されました。

NuGetから取得します：nuget.org/packages/winrtxamltoolkit.Debuggingを呼び出しWinRTXamlToolkit.Debugging.DC.ShowVisualTree()て、アプリ内にデバッガーツールを表示します。これは3番目のオプションなので、今すぐ使用できます

  • WinRTXAMLToolkit.Debugging.VisualTreeDebuggerクラス-VisualStudioでツリーをデバッグできるようにします
  • XAMLスパイ-別のウィンドウで実行される優れた商用ビジュアルツリーデバッガー
  • そして今、アプリ内で動作するWinRTXAMLToolkitのこのビジュアルツリーデバッガー。

ここに画像の説明を入力してください

于 2013-06-28T23:18:45.627 に答える
5

WinRT XAML ToolkitのVisualTreeDebuggerクラスは、無料のツールが必要な場合に使用できるクラスです。XAML Spyほどの効果はありませんが、料金を支払うだけで済みます。デバッグ対象の実際の視覚化のように、さらに機能を追加することを考えましたが、必要な作業は時間の投資を正当化するものではありません+KoenZwikstraの芝生を踏みたくありませんでした。彼はそのツールで素晴らしい仕事をしていると確信しています。とにかく-VisualTreeDebuggerで十分なので、おそらくそれでも十分でしょう。

これを使用する方法は、クラスをコードに追加し、XAMLに次のような参照を追加することです。

xmlns:debug="WinRTXamlToolkit.Debugging"

次に、デバッグを開始するコントロールにフックを配置します。

debug:VisualTreeDebugger.BreakOnLoaded="True"

これにより、コアビジュアルツリーの詳細がデバッガー出力ウィンドウ（Ctrl + W、O）にテキストとしてダンプされ、ツリーをダンプしたコードが中断されます。ここで、すべてのビジュアルツリー要素のリストを含む「パス」変数を​​調べることができます。デバッグされたコントロールからルートまで、必要なものが出力ウィンドウにまだダンプされていない場合は、それらの値を監視できます。

その他のオプションは次のとおりです

debug:VisualTreeDebugger.BreakOnTap="True"
debug:VisualTreeDebugger.BreakOnLayoutUpdated="True"
debug:VisualTreeDebugger.BreakOnLoaded="True"
debug:VisualTreeDebugger.TraceOnTap="True"
debug:VisualTreeDebugger.TraceOnLayoutUpdated="True"
debug:VisualTreeDebugger.TraceOnLoaded="True"

これはソースコードであり、実際には単一の単純なクラスであるため、コードに追加のものを簡単に追加して、必要なカスタムデバッグを実行できます。

于 2012-12-13T21:23:51.913 に答える
3

XAMLスパイはあなたが必要とするものです。あなたはそれをhttp://xamlspy.comで見つけます。

于 2012-12-12T21:21:32.853 に答える
3

XAMLInspectorと呼ばれる新しい無料のツールがあります。NuGetから入手できます。「xamlinspector」を検索するか、プロジェクトページから取得してください：www.xamlinspector.com

ここに画像の説明を入力してください

あいさつクリスチャン

于 2013-12-21T09:58:59.487 に答える