为什么同样的WPF控件在不同的电脑上呈现外观不一致

今天有同事跑过来说遇到了一个奇怪的bug，同样的程序在win7和win10上界面相差了2个像素

一开始我们以为是半像素或者是分辨率的问题。

结果调试了很久都没有结果。

不过意外的我们发现了另一个奇妙的东西。

下面两个图分别是在win7和win10情况下soonp获得的可视化树（已用demo替换）

有么有发现TabControl的子元素Grid多出了一个名字templateRoot。

在代码里面查找，发现并没有这个名字的Grid，所以可以确定这个是来自TabControl的默认Style

所以我们找到win7和win10 下的默认主题 Aero和Aero2

查找方法可以参见博客默认的WPF样式在哪里

我们分别放在DotPeek中反编译下，获取theme中对应的样式baml

有没有发现这个名字呀。

当然对于这样子的问题的确不是很好定位，因此我们有两种可行的解决方案

1、尽量在关键界面使用自定义样式，对元素的呈现细节进行控制

2、在App.xaml中指定主题样式。代码如下

<Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/PresentationFramework.Luna, Version=3.0.0.0,
 Culture=neutral, PublicKeyToken=31bf3856ad364e35,
 ProcessorArchitecture=MSIL;component/themes/luna.normalcolor.xaml" />
            </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
  </Application.Resources>

参考链接：https://social.msdn.microsoft.com/Forums/en-US/f4b9fdfe-5cd5-4c52-9e38-725d766a77c8/xaml-theme-file-name-for-windows-10?forum=wpf

本文会经常更新，请阅读原文： https://xinyuehtx.github.io/post/%E4%B8%BA%E4%BB%80%E4%B9%88%E5%90%8C%E6%A0%B7%E7%9A%84WPF%E6%8E%A7%E4%BB%B6%E5%9C%A8%E4%B8%8D%E5%90%8C%E7%9A%84%E7%94%B5%E8%84%91%E4%B8%8A%E5%91%88%E7%8E%B0%E5%A4%96%E8%A7%82%E4%B8%8D%E4%B8%80%E8%87%B4.html ，以避免陈旧错误知识的误导，同时有更好的阅读体验。

本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布，但务必保留文章署名黄腾霄（包含链接： https://xinyuehtx.github.io ），不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请 与我联系 。