Accueil > Silverlight, Silverlight 4 > [SL4] : Utilisation du TextTrimming

[SL4] : Utilisation du TextTrimming

SL4Text.zipUne des nouveautés de cette Beta est la possibilité d’utiliser la propriété TextTrimming que l’on peut trouver dans les TextBlock par exemple. Celle-ci permet de raccourcir le texte en affichant “…” en fin de texte. Ceci existait en WPF mais manquait cruellement à Silverlight.

Voici les deux valeurs disponibles actuellement :

  • None : n’effectue aucune troncature
  • WordEllipsis : effectue une troncature au mot près

Il manque encore la valeur “CharacterEllipsis” présente en WPF permettant d’effectuer une troncature au caractère près.

Voici un exemple de XAML permettant de se faire une idée sois même :

<Grid x:Name="LayoutRoot"
		  Background="White">
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto" />
			<RowDefinition Height="Auto" />
			<RowDefinition />

		</Grid.RowDefinitions>

		<Slider x:Name="Xslider"
				Minimum="0"
				Maximum="500"
				Value="200" />
		<Slider x:Name="Yslider"
				Minimum="0"
				Maximum="500"
				Value="200"
				Grid.Row="1" />

		<Border BorderBrush="White"
				Background="White"
				BorderThickness="5"
				HorizontalAlignment="Center"
				VerticalAlignment="Center"
				Grid.Row="2">
			<Border.Effect>
				<DropShadowEffect Opacity="0.5"
								  ShadowDepth="0" />
			</Border.Effect>

			<Grid Width="{Binding ElementName=Xslider, Path=Value}"
				  Height="{Binding ElementName=Yslider, Path=Value}">
				<Grid.RowDefinitions>
					<RowDefinition Height="Auto" />
					<RowDefinition Height="Auto" />
					<RowDefinition />
				</Grid.RowDefinitions>
				<TextBlock Text="Post quorum necem nihilo lenius ferociens Gallus ut leo cadaveribus pastus multa huius modi scrutabatur."
						   Foreground="Black" />
				<TextBlock TextTrimming="WordEllipsis"
						   Text="Post quorum necem nihilo lenius ferociens Gallus ut leo cadaveribus pastus multa huius modi scrutabatur."
						   Foreground="Red"
						   Grid.Row="1" />
				<TextBlock TextTrimming="WordEllipsis"
						   TextWrapping="Wrap"
						   Text="Post quorum necem nihilo lenius ferociens Gallus ut leo cadaveribus pastus multa huius modi scrutabatur."
						   Foreground="Blue"
						   Grid.Row="2" />
			</Grid>
		</Border>
	</Grid>

Voici une capture d’écran du résultat final :

image

Par exemple, sur cette capture d’écran, on voit bien les petits point s’affichant sur la ligne rouge 🙂

Code source ici

Publicités
Catégories :Silverlight, Silverlight 4
  1. Aucun commentaire pour l’instant.
  1. No trackbacks yet.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s

%d blogueurs aiment cette page :