2016-02-28 1 views
0

Un défi de barre de Mars au travail est celui utilisant Xaml seulement, rendre le texte suivant d'un bloc de texte gris par défaut. Mais, à mi-chemin à travers la lettre "e" et à mi-chemin du dernier caractère "1", rendez la couleur rouge.Couleur de premier plan du bloc de texte basé sur la position d'une partie de la lettre

Le texte est "Article 1". Donc, "je" et "t" tout gris, mais la première moitié de "e" rouge, tout de "m" rouge et puis la moitié de "1" rouge et la dernière moitié de "1" gris.

Je n'ai aucune idée de celui-ci.

+0

Si ne fonctionne que pour la chaîne '1' article? Ou une chaîne? –

Répondre

0

Pensiez-vous à quelque chose comme ça?

<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> 

Résultat:

result

+0

QUI EST EXACTEMENT IT :-) Je vous dois un bar mars! – user3161050

+1

Appréciez votre barre de Mars :) J'espère que vous n'avez pas obtenu de ceux contaminés lol. http://www.gizmodo.co.uk/2016/02/dont-eat-that-mars-bar-massive-chocolate-recall-over-plastic-contamination/ –