win10 uwp 使用 XamlTreeDump 获取 XAML 树元素内容
Posted lindexi_gd
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了win10 uwp 使用 XamlTreeDump 获取 XAML 树元素内容相关的知识,希望对你有一定的参考价值。
本文来安利大家 XamlTreeDump 库,通过这个库可以将 XAML 树上的元素转换为 json 字符串,可以用来进行 UI 单元测试
开始之前先通过 NuGet 工具安装 XamlTreeDump 库
假定咱有 UI 界面代码如下
<Page
x:Class="WholebaycarNowawnawka.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:WholebaycarNowawnawka"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid>
<TextBlock>欢迎访问我博客 https://blog.lindexi.com 里面有大量 UWP WPF 博客</TextBlock>
</Grid>
</Page>
可以在后台代码使用 VisualTreeDumper.DumpTree 方法获取 json 字符串
public MainPage()
{
InitializeComponent();
Loaded += MainPage_Loaded;
}
private void MainPage_Loaded(object sender, RoutedEventArgs e)
{
var xaml = VisualTreeDumper.DumpTree(this, null, Array.Empty<string>(), new AttachedProperty[0]);
}
上面代码拿到的 xaml 字符串如下
{
"XamlType": "WholebaycarNowawnawka.MainPage",
"Background": "#FFFFFFFF",
"BorderBrush": null,
"BorderThickness": "0,0,0,0",
"Clip": null,
"CornerRadius": "0,0,0,0",
"FlowDirection": "LeftToRight",
"Foreground": "#FF000000",
"HorizontalAlignment": "Stretch",
"Margin": "0,0,0,0",
"Padding": "0,0,0,0",
"RenderSize": [1200, 900],
"VerticalAlignment": "Stretch",
"Visibility": "Visible",
"children":
[
{
"XamlType": "Windows.UI.Xaml.Controls.Grid",
"Background": null,
"BorderBrush": null,
"BorderThickness": "0,0,0,0",
"Clip": null,
"CornerRadius": "0,0,0,0",
"FlowDirection": "LeftToRight",
"HorizontalAlignment": "Stretch",
"Margin": "0,0,0,0",
"Padding": "0,0,0,0",
"RenderSize": [1200, 900],
"VerticalAlignment": "Stretch",
"Visibility": "Visible",
"children":
[
{
"XamlType": "Windows.UI.Xaml.Controls.TextBlock",
"Clip": null,
"FlowDirection": "LeftToRight",
"Foreground": "#FF000000",
"HorizontalAlignment": "Stretch",
"Margin": "0,0,0,0",
"Padding": "0,0,0,0",
"RenderSize": [1200, 900],
"Text": "欢迎访问我博客 https://blog.lindexi.com 里面有大量 UWP WPF 博客",
"VerticalAlignment": "Stretch",
"Visibility": "Visible"
}
]
}
]
}
本文所有代码放在 github 和 gitee 欢迎小伙伴访问
我搭建了自己的博客 https://blog.lindexi.com/ 欢迎大家访问,里面有很多新的博客。只有在我看到博客写成熟之后才会放在csdn或博客园,但是一旦发布了就不再更新
如果在博客看到有任何不懂的,欢迎交流,我搭建了 dotnet 职业技术学院 欢迎大家加入
如有不方便在博客评论的问题,可以加我 QQ 2844808902 交流
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。欢迎转载、使用、重新发布,但务必保留文章署名林德熙(包含链接:http://blog.csdn.net/lindexi_gd ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我联系。
以上是关于win10 uwp 使用 XamlTreeDump 获取 XAML 树元素内容的主要内容,如果未能解决你的问题,请参考以下文章