在调试模式下运行WPF应用程序时,Visual Studio会在应用程序上方,窗口顶部的中心位置显示一个小的4点状的菜单。在这4个菜单项中,有3个可以启用或禁用调试功能,还有一个可以打开Live Visual Tree。下面的示例以前面的示例为基础,演示了这个可视化工具。
使用可视化的调试工具:Ch14Ex01\MainWindow.xaml
(1)按F5键在调试模式下运行该应用程序。
(2)单击send菜单项,启用Enable Selection选项。
(3)单击文本为2nd button的按钮。注意按钮会显示红色虚线边框线。
(4)单击最左边的菜单项,打开Live Visual Tree。
(5)在Visual Studio中,Live Visual Tree选项卡位于左边,单击展开它。
(6)取决于单击按钮的位置,Live Visual Tree要么选中TextBlock,要么选中rotatedButton。
(7)在 Live Visual Tree 中右击 rotatedButton 并选择 Show Properties,这将打开 Live Properties Explorer。在其中可看到控件在运行期间的属性。
(8)单击MainWindow,使运行着的应用程序重新回到Visual Studio上方。
(9)单击最右边的菜单项Track Focused Element。
(10)单击文本为Button的按钮,可以看到Live Properties Explorer中值发生变化,反映了新的选择。如果禁用Track Focused Element菜单项,则在完成新的选择后,Live Properties Explorer中的内容不会发生变化。
(11)最后,启用 Display Layout Adomers 菜单项。
(12)将鼠标悬停在界面上的不同元素上,可以看到Visual Studio中显示了一些线,说明了应用边距的方式。
示例说明
可视化的调试工具对于查看应用程序的在运行时的行为非常有用。判断UI元素在运行时为什么表现出特定的行为是很难的,但借助这些工具,可深入研究并检查在应用程序执行时,实际应用的这些控件的属性。
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>