WPF编辑器是否具备GUI图层？能否像标签页一样切换开发图层？

嘿，这个需求太常见了！我来给你几个实用的办法，帮你在VS2017里轻松切换WPF的“屏幕图层”，不用再手动点隐藏显示啦：

• 把你的每个“图层”（初始化控件组、菜单控件组、后续操作对应的控件组）分别放进不同的TabItem里
• 设计时直接点击Tab标签就能切换查看对应图层，完全符合你要的“标签页切换”体验
• 运行时只需要把TabControl的Visibility设为Collapsed，再通过代码控制图层的淡入淡出逻辑就行，完全不影响你的动画效果

• 打开VS的文档大纲（路径：View -> Other Windows -> Document Outline）
• 在这个面板里能看到所有控件的层级结构，找到目标图层控件组后，右键选“Bring to Front”，或者直接在属性面板里勾选/取消控件的Visibility属性
• 这个方法不用改代码，适合临时查看不同图层，尤其适合已经有固定控件结构的项目

• 给每个图层控件添加d:Visibility（设计时可见性）属性，和运行时的Visibility分开控制
• 示例代码：

<Grid x:Name="InitLayer" Visibility="Collapsed" d:Visibility="Visible">
    <!-- 初始化控件内容 -->
</Grid>
<Grid x:Name="MenuLayer" Visibility="Visible" d:Visibility="Collapsed">
    <!-- 菜单控件内容 -->
</Grid>

• 这样你在属性面板里切换d:Visibility的值，就不会影响运行时的逻辑，设计时查看图层更灵活

• VS2017自带Blend工具，打开你的WPF项目后，用它的“图层”面板（路径：Window -> Layers）
• 这个面板就像PS的图层栏一样，能直观地点击切换不同控件组的显示/隐藏，处理动画和图层切换特别方便

内容的提问来源于stack exchange，提问作者Bob