当 Content 是字符串时，在 Silverlight 中为 ContentPresenter 创建的隐式 Textblock 下划线？

Question

我正在尝试为内容控件（例如 Button 或 HeaderedContentControl 等）创建一个模板，其中文本带有下划线。

我只想在指定 Content="This text is underlined" 时为文本添加下划线。

如果 Content 是另一个 UIElement，它必须继续正常工作。

大多数提出同样问题的帖子都满足于将模板修改为仅适用于字符串作为内容。 Scott Gu 有一篇关于 样式按钮，但没有解决此问题。

如果您实际将 Content 作为 TextBlock 类型的实例而不是字符串传递，则以下示例将起作用。当然，视觉树有一个 TextBlock，所以它应该设置它的样式。也许这是 Sivlerlight 的限制。

当我希望它显示为大红色文本时，此示例显示黑色文本和大红色文本。

    <navigation:Page.Resources>
    <Style TargetType="TextBlock" x:Key="style123">
        <Setter Property="Foreground"  Value="Red"/>
        <Setter Property="FontSize" Value="72"/>
        <Setter Property="FontWeight" Value="Bold"/>
        <Setter Property="TextDecorations" Value="Underline"/>
    </Style>
</navigation:Page.Resources>

<StackPanel>        

    <!-- This doesn't work and shows black text -->
    <ContentPresenter Content="Small black text">
        <ContentPresenter.Resources>
            <Style TargetType="TextBlock" BasedOn="{StaticResource style123}"/>
        </ContentPresenter.Resources>
    </ContentPresenter>

    <!-- This works and shows red text -->
    <ContentPresenter>
        <ContentPresenter.Content>
            <TextBlock Text="This is big red text"/>
        </ContentPresenter.Content>

        <ContentPresenter.Resources>
            <Style TargetType="TextBlock" BasedOn="{StaticResource style123}"/>
        </ContentPresenter.Resources>
    </ContentPresenter>

</StackPanel>

Answer 1

您可以对您正在使用的任何实际 ContentControl（即 Button）进行子类化并覆盖 OnContentChanged 以重置 Content如果 newContent 是字符串，则属性为带下划线的 TextBlock。如果 newContent 不是字符串，它将以通常的方式执行。

public class UnderlineButton : Button
{
    protected override void OnContentChanged(object oldContent, object newContent)
    {
        if (newContent is string)
        {
            TextBlock textBlock = new TextBlock();
            textBlock.Text = newContent as string;
            textBlock.TextDecorations = TextDecorations.Underline;
            this.Content = textBlock;
        }

        base.OnContentChanged(oldContent, newContent);
    }
}

为了实现这一点而进行子类化有点烦人，但它避免了混乱的样式模板和子类化 ContentPresenter。

Answer 2

尝试这个示例，使用 DataTemplate 自定义渲染 string 内容（我刚刚将背景设置为红色）：

<ContentControl Content="{Binding YourData}" >
  <ContentControl.Resources>
    <DataTemplate DataType="{x:Type s:String}">
      <TextBlock Text="{Binding}" Background="Red" />
    </DataTemplate>
  </ContentControl.Resources>
</ContentControl>

编辑：就像注释一样，您可以将其拉出到 ContentControl 中 样式而不是每次都内联应用它，如果您需要更好的可重用性......