當Content是字符串時，爲Silverlight中的ContentPresenter下劃線隱式文本塊？

Question

我正在嘗試爲內容控件（如Button或HeaderedContentControl等）創建一個模板，其中文本帶下劃線。

我只想在指定Content="This text is underlined"時加下劃線。

如果Content是另一個UIElement，它必須繼續正常工作。

提問這個問題的大多數帖子都滿意，修改模板只能用於字符串作爲內容。 Scott Gu有一篇關於styling buttons的好文章，但沒有解決這個問題。

如果您實際通過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您正在使用，並以該Content屬性重置爲帶下劃線的TextBlock如果newContent是一個字符串覆蓋OnContentChanged（即Button）。在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風格，而不是每次應用它內聯，如果您需要更好的可重用性...