Pour les besoins de cet exemple, j’ai réalisé une petite application dessin toute bête qui permet de dessiner dans 4 couleurs différentes et ensuite de partager le dessin (Le but n’étant pas de faire une app utile et jolie, mais de faire un exemple un peu fonctionnel pour démontrer certaines fonctionnalités) (Voir l’article en entier).

Voici la petite méthode d’extension qui permet de le faire :

[code lang=”csharp”]
public async static Task<InMemoryRandomAccessStream> ToMemoryStreamAsync(this RenderTargetBitmap renderTargetBitmap)
{
InMemoryRandomAccessStream stream = new InMemoryRandomAccessStream();
var encoder = await BitmapEncoder.CreateAsync(BitmapEncoder.PngEncoderId, stream);
var pixels = await renderTargetBitmap.GetPixelsAsync();
encoder.SetPixelData(BitmapPixelFormat.Bgra8, BitmapAlphaMode.Ignore, (uint)renderTargetBitmap.PixelWidth, (uint)renderTargetBitmap.PixelHeight, DisplayInformation.GetForCurrentView().LogicalDpi, DisplayInformation.GetForCurrentView().LogicalDpi, pixels.ToArray()); await encoder.FlushAsync(); return stream;
}
[/code]

Pour ce second example, je vais parler un peu xaml. Dans mon UI, j’ai 4 boutons qui permettent de choisir la couleur du dessin.

[code lang=”csharp”]
<Button Style="{StaticResource ButtonPaintStyle}" Background="Red" Width="50" Height="50" Click="ChangePenClick" />
<Button Style="{StaticResource ButtonPaintStyle}" Background="Blue" Width="50" Height="50" Click="ChangePenClick" />
<Button Style="{StaticResource ButtonPaintStyle}" Background="Green" Width="50" Height="50" Click="ChangePenClick" />
<Button Style="{StaticResource ButtonPaintStyle}" Background="Black" Width="50" Height="50" Click="ChangePenClick" />
[/code]

Comme on peut le voir, ils utilisent tous le même template, seul le background est différent. Dans le controltemplate de mon style, j’ai modifié le style classique du bouton par une ellipse et j’ai pris la propriété Background qui est settée pour la mettre dans le Fill de l’ellipse

Snippet

[code lang=”csharp”]
<Ellipse x:Name="BtnEllipse" Fill="{TemplateBinding Background}" Height="{TemplateBinding Height}" Width="{TemplateBinding Width}"/>
[/code]

On peut donc voir que j’ai récupéré via le TemplateBinding, la propriété du control.

Pour voir tout le code, je vous invite à télécharger le code exemple via la partie Liens