皮肤控制背景 - 更好的性能？

Question

抱歉，如果这个问题过于简单，但我很难弄清楚如何创建控件背景 - 希望它能提高应用程序性能。

我有 9 个不同的控件。他们都是有背景的。背景由图像、其他控件或两者组成。所有这些背景都有另一个背景。

可以将其想象为具有幻灯片、幻灯片布局和幻灯片母版的 PowerPoint - 按此顺序继承。我有 9 个幻灯片/控件。

• 前 3 个控件具有相同的“控件布局”（我们称之为 ControlLayout1）。 ControlLayout1 从ControlMaster1 获取一些元素。
• 后 3 个控件也具有相同的控件布局，但它是 与第一个不同。我们将其称为ControlLayout2。它还 继承自ControlMaster1。
• 最后一组 3 个控件又有所不同。我们可以打电话给他们 ControlLayout3。但这一次，他们继承了不同的主人 - ControlMaster2。

现在，在每个控件中，我每次都单独编写所有 XAML。我想一定有一种方法可以不把这些写在每一项中。理想情况下，我想要创建的是一组可以重用的 XAML。

这是一些伪 XAML：

<UserControl x:Name="Control1">
    <MyBackground (ControlLayout1)/>
</UserControl>

<UserControl x:Name="Control2">
    <MyBackground (ControlLayout2)/>
</UserControl>

<UserControl x:Name="Control3">
    <MyBackground (ControlLayout3)/>
</UserControl>

然后是 ControlLayouts 的某个地方（我不知道，比如 Application.Resources 或其他地方）

<Canvas x:Name="ControlLayout1">
    <MyMasterBackground (ControlMaster1)/>
</Canvas>

<Canvas x:Name="ControlLayout2">
    <MyMasterBackground (ControlMaster1)/>
    <TextBox Text="The Control 2">
</Canvas>

<Canvas x:Name="ControlLayout3">
    <MyMasterBackground (ControlMaster2)/>
    <TextBox Text="The Control 3">
</Canvas>

，然后是 ControlMasters

<Canvas x:Name="ControlMaster1">
    <Canvas.Background>
        <ImageBrush ImageSource="/Images/image1.jpg" />
    </Canvas.Background>
</Canvas>

<Canvas x:Name="ControlMaster2">
    <Canvas.Background>
        <ImageBrush ImageSource="/Images/image2.jpg" />
    </Canvas.Background>
    <TextBox Text="Control Master 1">
</Canvas>

一旦定义， ControlLayouts 和ControlMaster 永远不需要改变——它们是静态的。

如果我可以将这些全部放在一个位置并重用 XAML，那么除了拥有较小的 XAP 之外，我还希望我的应用程序的性能能够得到改善，因为 ControlLayouts 自动获取 BitmapCached 或类似的东西。

那么首先，是否有一个好的策略来实现上述内容（ControlLayouts 和 Masters 没有任何代码隐藏）？其次，加载Control1、Control2等时性能是否会提高？最后，如果它们是纯用户控件（即它们背后有一些代码），那么性能会更好吗？

提前致谢！

Answer 1

您要求的是几件事的组合：

关于背景事物：只需在 UserControl 后面的代码中创建 Brush 类型的依赖属性（让我们称之为 MyBackgroundDP），并将其绑定到您的 XAML，如下所示

<UserControl ...>
  <Grid Background={"Binding MyBackgroundDP, RelativeSource={RelativeSource Mode=FindAncestor, AncestoryType=UserControl}}">
     <!-- More XAML declarations -->
  </Grid>
</UserControl>

：依赖属性，您可以使用 Visual Studio 中内置的代码片段： propdp
只需写“propdp”和该 TAB 两次即可。填满字段，一切都很好。

好吧，这很容易，对吧？ ;)

现在是更困难的部分：制作所谓的母版页。
其实和背景没多大区别。
声明另一个依赖属性，只是这次类型为对象或 FrameworkElement（更好）。

然后在 XAML 中声明一种占位符：ContentControl。我们将此示例称为 MyContentDP：

<UserControl ...>
  <Grid Background={"Binding MyBackgroundDP, RelativeSource={RelativeSource Mode=FindAncestor, AncestoryType=UserControl}}">
     <ContentControl ContentTemplate="{Binding MyContentDP, RelativeSource={RelativeSource Mode=FindAncestor, AncestoryType=UserControl}}" />
  </Grid>
</UserControl>

然后，您可以微调要在此“主视图”中提供的任何其他内容，在网格周围添加边框，放一些花，等等。

完成后，这就是您使用它的方式，假设它被称为 MyUserControl

<Window ...
       xmlns:local="...reference_to_your_usercontrol_dll/exe">
   <Grid>
      <local:MyUserControl MyBackgroundDP="Red">
         <local:MyUserControl.MyContentDP>
            <!-- More XAML declarations here -->
         </local:MyUserControl.MyContentDP>
      </local:MyUserControl>
   </Grid>
</Window>

现在的性能点：

如果您将其所有 XAML 作为自定义控件（与 UserControl 不同） ，然后您可以将所有 XAML 放入 App.xaml
为什么？因为解析 XAML 可能是一项密集型操作，如果您让 WP7/SL 在运行时需要时解析它，则会损失性能。
相反，您的 App.xaml 在启动时被解析，然后存储在内存中。这就是加载应用程序时所做的事情。您将获得性能提升，尽管对于由少量 XAML 组成的控件而言，性能提升很小，但这仍然是一个很好的做法。

希望这会有所帮助，

巴布。