基於字母部分位置的文本塊的前景色

Question

火星酒吧在工作中的挑戰是僅使用Xaml，默認情況下使文本塊的下列文本變爲灰色。但是，從字母「e」的中途到最後一個字符「1」的中途，顏色變成紅色。

正文爲「Item 1」。所以，「我」和「t」全是灰色的，但是前半部分是「e」紅色，所有「m」都是紅色，然後是「1」紅色的一半，最後一半是「1」灰色。

我不知道這個。

Answer 1

你是否在想這樣的事情？

<TextBlock FontSize="72"> 
    <Run Foreground="Gray" Text="It" /><Run Text="e"> 
     <Run.Foreground> 
      <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5"> 
       <GradientStop Color="Gray" Offset="0"/> 
       <GradientStop Color="Gray" Offset="0.5" /> 
       <GradientStop Color="Red" Offset="0.5" /> 
       <GradientStop Color="Red" Offset="1" /> 
      </LinearGradientBrush> 
     </Run.Foreground> 
    </Run><Run Text="m" Foreground="Red" /><Run Text=" 1"> 
     <Run.Foreground> 
      <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5"> 
       <GradientStop Color="Red" Offset="0"/> 
       <GradientStop Color="Red" Offset="0.5" /> 
       <GradientStop Color="Gray" Offset="0.5" /> 
       <GradientStop Color="Gray" Offset="1" /> 
      </LinearGradientBrush> 
     </Run.Foreground> 
    </Run> 
</TextBlock> 

結果：