Discussion :

[bobbely]

Bonjour à tous,

Je suis actuellement en train de développer une petite appli pour WP dont une live tile qui a pour but d'informer l'utilisateur en fonctions des données choisies dans l'application.

Jusque là je n'ai pas eu de soucis mais les templates de Tile ne me conviennent pas et j'aimerais pouvoir la customiser. Je voudrais avoir un texte en gros au milieu de la vignette (comme pour l'image du "IconicTile") pour toutes les tailles puis ajouter d'autres petits textes dans les coins par exemple.

A savoir que je travaille sur l' AppTile et non une SecondaryTile. Comment puis-je faire?

[bobbely]

Après avoir longuement cherché, je suis parti pour dessiner une image avec du texte à partir d'éléments de l'UI (TextBlock) qui sera au final le background de la tile.

Mais je suis confronté à un nouveau problème, en effet il semble être impossible de faire appel à des éléments de l'UI à partir d'un ScheduledAgent (ou mon processus qui tourne en fond et s'update toutes les minutes).

De plus j'ai essayé de sauvegarder une image pour tester mais je ne peux pas accéder au répertoire des "Assets" de l'application étant donné que le ScheduledAgent est un projet ajouté à la solution (qui contient donc l'appli).

Pouvez-vous m'aider ?

[The_badger_man]

Entoure le code qui manipule des éléments d'UI d'un

Code C# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
Deployment.Current.Dispatcher.BeginInvoke(() =>
{
      // code
}

[bobbely]

Ok, j'ai donc finalement réussi à enregistrer une image dans le IsolatedStorage de mon ScheduledAgent et j'arrive bien à y accéder.

Maintenant j'aimerais savoir comment pourrais-je faire pour assembler plusieurs petites images afin d'en former une grande. Je m'explique: j'ai 2 images représentant du texte et je souhaiterais les assembler côte à côte pour binder cette dernière en background de ma tuile.

Comment puis-je procéder?

[bobbely]

Pour ceux que ça intéresserait, j'ai finalement réussi à dessiner du texte sur une image en me servant de la méthode Render() du WriteableBitmap qui permet de dessiner des éléments de l'interface, le tout dans un thread à part.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
Deployment.Current.Dispatcher.BeginInvoke(delegate
{
    // Dessine un TextBlock dans une image qui sera sauvegardée
    var bitmap = new WriteableBitmap(336, 336);
    var textBlock = new TextBlock { Text = "blablabla" };
 
    bitmap.FillRectangle(0, 0, bitmap.PixelWidth, bitmap.PixelHeight, (Color)Application.Current.Ressources["PhoneAccentColor"]);
    bitmap.Invalidate();
    bitmap.Render(textBlock, null);
    bitmap.Invalidate();
 
    using (var storage = new IsolatedStorageFileStream("/Shared/ShellContent/myImg.png",
        FileMode.Create,
        IsolatedStorageFile.GetUserStoreForApplication()))
    {
        if (storage.CanWrite)
        bitmap.SaveJpeg(storage, bitmap.PixelWidth, bitmap.PixelHeight, 0, 95);
    }
 
    // Met à jour les données de la tuile
    var data = new FlipTileData();
    data.BackgroundImage = new Uri("isostore:/Shared/ShellContent/myImg.png", UriKind.Absolute);
    tile.Update(data);
}