为什么 XAML 资源与 CSS 样式不同？

Question

在 Expression Blend 中，您可以创建一个 18 的字体大小，然后创建一个“字体大小资源”。

从 HTML/CSS 来看，我想不出何时需要为“字体大小”创建一种样式，为“字体样式”创建一种样式，为“字体粗细”创建一种样式。 相反，我想制作一种名为“CompanyHeader”的字体，并在其中设置 10 个不同的属性，例如字体粗细、字体样式、字体大小、颜色等。

为什么在 Expression Blend、XAML 中存在不同，为每个属性创建样式/资源有何意义？

此图显示了如何单击每个属性上的小按钮将其更改为资源： 替代文本 http://tanguay.info/web/external/blendStyles.png

Answer 1

我没有使用 Blend 的经验，但 XAML 中的样式可以包含多个属性，甚至更多，因为与 css 不同，您只能将一种样式应用于一个元素，而不能组合多个单属性样式。

以下是设置多个属性的样式的示例：

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
   <Page.Resources>
      <Style x:Key="MyStyle" TargetType="{x:Type Label}">
         <Setter Property="Width" Value="125"/>
         <Setter Property="Height" Value="25"/>
         <Setter Property="Background" Value="Red"/>
      </Style>
   </Page.Resources>
   <Label Style="{StaticResource MyStyle}"/>
</Page>

请注意，如果我想将样式分成 3 个较小的样式，每个样式设置一个属性，我就无法使用它们，因为 Label 的 Style 属性只能接受一种样式。

Answer 2

我认为它们可能允许为 FontFamily、FontWeight 等创建单一资源，以允许它们在应用程序中的多种样式中使用。 通过在资源中放置单个属性，您可以立即使用该资源影响所有样式。 如果您没有使用资源，但尝试在整个应用程序（或其一部分）中使用一致的 FontFamily，那么您必须一次检查每种样式才能更新它。

为了在混合中创建具有多个属性的样式，您可以执行以下操作：

• 选择要设置样式的控件（控件的类型将用作样式的 TargetType）
• 从菜单中选择“对象”->“编辑样式”-> ;Create Empty
• 输入您想要分配给样式的键（这是您将用来引用样式的名称）
• 转到属性选项卡并开始应用您想要的该样式的外观/感觉

Answer 3

它允许您在更细粒度的级别上重用字体详细信息，而不是必须定义字体定义的所有元素。 您可能有多种样式，它们都继承自相同的字体大小定义。 然后，您的设计人员可以更改字体大小，并且所有使用它的样式都会自动具有更新的外观。

Answer 4

字体的每个实例都将使用自己的资源，如果多个此类定义引用相同的字体也没关系。

在两种不同的样式中使用相同的字体将最终得到该字体的两个实例（当应用样式时）。 Instade，您可以将字体定义为其自己的样式，并在其他样式中使用该样式。 在这种情况下，两种样式都会使用字体资源的一次运行时实例。

如果您有非常复杂的资源字典（例如您正在创建一个主题），那么最好将精细资产（如特定的颜色画笔或字体）定义为独立资源（或命名样式）并将其用于其他复杂的资源中。样式以节省系统资源。

关于 Blend 的问题，它简单地强制执行了这种最佳实践。

Answer 5

这可以通过创建一个辅助类来使用和包装您的样式来实现。 这里提到了CompoundStyle< /a> 展示了如何做到这一点。 有多种方法，但最简单的是执行以下操作：

<TextBlock Text="Test"
    local:CompoundStyle.StyleKeys="headerStyle,textForMessageStyle,centeredStyle"/>

博客文章讨论了 Win8 和 Windows Phone，但相同的代码也适用于 WPF（减去不需要的 Utilies 类）

希望有所帮助。