Discussion :

[AppMaestro]

Bonjour,

je suis entrain de développer une appli (heu pardon une app ) pour Windows Phone 7.

Je vais la traduire en au moins 2 langues en plus du Français et je voulais savoir qu'elles étaient les solutions pour mettre en forme du texte.

Je m'explique : toutes mes infos texte à traduire sont dans des fichiers ressource .resx. Si je veux que le mot "Toto" apparaisse en gras, quelle est la pratique recommandée ?

Actuellement je songe à implémenter un système de balisage style bbcode :

Code :

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

[GRAS]Toto[/GRAS]

Y a t il une meilleure solution ?

PS pour des raisons évidentes je ne souhaite pas parser le texte à la recherche de "Toto", car il pourrait très bien être écrit "Titi" en Anglais et "Tyty" en Russe ...

[tomlev]

Tu peux mettre du XAML dans ton fichier de ressources, mais après il faut bidouiller un peu pour l'afficher... En gros il faut afficher le texte dans un ContentPresenter, avec un convertisseur qui va parser le XAML. Voilà un convertisseur qui le fait :

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
25
26
27
28
29
30
    public class RichTextConverter : IValueConverter
    {
 
        #region IValueConverter Members
 
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            string      str    = "<TextBlock TextWrapping=\"WrapWithOverflow\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" TextAlignment=\"Left\" xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\">" + value + "</TextBlock>";
            object      result = value;
 
            try
            {
                StringReader strreader = new StringReader(str);
                XmlTextReader xmlreader = new XmlTextReader(strreader);
                result = XamlReader.Load(xmlreader);
 
            }
            catch (Exception)
            {
            }
            return result;
        }
 
        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotSupportedException();
        }
 
        #endregion
    }

(j'ai utilisé cette solution en WPF, il faudra peut-être l'adapter un peu pour que ça marche avec Windows Phone)

[tomlev]

En fait j'ai une solution un peu mieux (comprendre : plus flexible), à base de propriété attachée :

Code C# :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
    public static class TextBlockBehavior
    {
        public static string GetRichText(TextBlock textBlock)
        {
            return (string)textBlock.GetValue(RichTextProperty);
        }
 
        public static void SetRichText(TextBlock textBlock, string value)
        {
            textBlock.SetValue(RichTextProperty, value);
        }
 
        public static readonly DependencyProperty RichTextProperty =
            DependencyProperty.RegisterAttached(
              "RichText",
              typeof(string),
              typeof(TextBlockBehavior),
              new UIPropertyMetadata(
                null,
                RichTextChanged));
 
        private static void RichTextChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
        {
            TextBlock textBlock = o as TextBlock;
            if (textBlock == null)
                return;
 
            var newValue = (string)e.NewValue;
 
            textBlock.Inlines.Clear();
            if (newValue != null)
                AddRichText(textBlock, newValue);
        }
 
        private static void AddRichText(TextBlock textBlock, string richText)
        {
            string xaml = string.Format(@"<Span xmlns=""http://schemas.microsoft.com/winfx/2006/xaml/presentation"">{0}</Span>", richText);
            var content = (Inline)XamlReader.Parse(xaml);
            textBlock.Inlines.Add(content);
        }
    }

Code XAML :

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

<TextBlock bhv:TextBlockBehavior.RichText="{x:Static prop:Resources.LeTexteRicheEnXaml}" />

Et dans les ressources tu mets une valeur du genre "Hello <Bold>World</Bold>!"

[AppMaestro]

Bon ça commence bien ... j'ai rien compris

Mais ça ne m'aurait pas empêché d'utiliser ton code, si ce n'est que :
- il n'y a pas de classe XmlTextReader dans System.Xml pour Windows Phone (1er exemple)
- UIPropertyMetadata n'existe pas dans System.Windows sous Windows Phone et XamlReader n'a pas de méthode Parse() (2ème exemple).

Il y a donc une grosse différence entre le framework standard et la version "phone". D'ailleurs en parcourant la liste des dll on se rend compte qu'il y en a beaucoup moins dans la version mobile.

Merci quand même pour ton aide, je vais sans doute me faire un petit parser perso.

[AppMaestro]

A bien y regarder, il semblerait que je puisse placer mon texte balisé dans une RichTextBox et qu'elle interprète les balises toute seule comme une grande.

Je vous tiens au courant de mes recherches.

Edit :
après test voici les balises que l'on peut inclure dans la RichTextBox

Code :

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

1
2
3
4
5
<Bold></Bold>
<Underline></Underline>
<Italic></Italic>
<LineBreak/>
<Hyperlink></Hyperlink>

Ce qui m'ira très bien. Je marque donc ce sujet comme résolu.
Merci Tomlev

[AppMaestro]

Et bien en fait le problème n'est pas résolu

Quand je place une balise dans la RichTextBox tout va bien, par contre si la RTB reçoit mon texte balisé depuis le fichier resx, elle n’interprète pas les balises ...

[tomlev]

A bien y regarder, il semblerait que je puisse placer mon texte balisé dans une RichTextBox et qu'elle interprète les balises toute seule comme une grande.

Ouais mais c'est pas vraiment la même chose... une RichTextBox permet d'éditer du texte, pas seulement de l'afficher. Bien sûr tu peux la mettre en lecture seule, mais ça a pas la même apparence qu'un TextBlock. Et c'est aussi nettement plus lourd...

- il n'y a pas de classe XmlTextReader dans System.Xml pour Windows Phone (1er exemple)

Tu peux utiliser XmlReader.Create :

Code :

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

1
2
3
4
5
6
7
8
9
            ...
            try
            {
                StringReader strreader = new StringReader(str);
                var xmlreader = XmlReader.Create(strreader);
                result = XamlReader.Load(xmlreader);
 
            }
            ...

- UIPropertyMetadata n'existe pas dans System.Windows sous Windows Phone

Remplace UIPropertyMetadata par PropertyMetadata, ça devrait le faire

XamlReader n'a pas de méthode Parse() (2ème exemple).

Tu peux utiliser Load comme dans le premier bout de code :

Au final ça donne ça :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
    public static class TextBlockBehavior
    {
        public static string GetRichText(TextBlock textBlock)
        {
            return (string)textBlock.GetValue(RichTextProperty);
        }
 
        public static void SetRichText(TextBlock textBlock, string value)
        {
            textBlock.SetValue(RichTextProperty, value);
        }
 
        public static readonly DependencyProperty RichTextProperty =
            DependencyProperty.RegisterAttached(
              "RichText",
              typeof(string),
              typeof(TextBlockBehavior),
              new PropertyMetadata(
                null,
                RichTextChanged));
 
        private static void RichTextChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
        {
            TextBlock textBlock = o as TextBlock;
            if (textBlock == null)
                return;
 
            var newValue = (string)e.NewValue;
 
            textBlock.Inlines.Clear();
            if (newValue != null)
                AddRichText(textBlock, newValue);
        }
 
        private static void AddRichText(TextBlock textBlock, string richText)
        {
            string xaml = string.Format(@"<Span xmlns=""http://schemas.microsoft.com/winfx/2006/xaml/presentation"">{0}</Span>", richText);
            using (var sReader = new StringReader(xaml))
            using (var xReader = XmlReader.Create(sReader))
            {
                var content = (Inline)XamlReader.Load(xReader);
                textBlock.Inlines.Add(content);
            }
        }
    }

[DotNET74]

Hello,

si j'ai bien compris tu veux internationaliser ton application avec des textes modifiables par l'utilisateur (RichTextBox).

je comprends à quoi ça sert mais bon.

normalement dans les fichiers ressources tu as une clé pour toutes les valeurs:

Clé Anglais Français
TextDeMonTextBlock Hello Bonjour

ensuite tu bindes la propriété Text du TextBlock sur la clé et la traduction est automatique.


pour faire de la mise en forme cela se passe dans la définition XAML du TextBlock.

J'espère t'avoir aidé

[chrisdot]

ensuite tu bindes la propriété Text du TextBlock sur la clé et la traduction est automatique.

pour faire de la mise en forme cela se passe dans la définition XAML du TextBlock.

Ca marche pas aussi facilement car par exemple, le mot souligné en abglais n'est pas au même endroit qu'en français... Du coup il est difficile de séparer la présentation de la traduction... (mais le style est séparable)

Et bien en fait le problème n'est pas résolu

Quand je place une balise dans la RichTextBox tout va bien, par contre si la RTB reçoit mon texte balisé depuis le fichier resx, elle n’interprète pas les balises ...

Ca me semble normal: as-tu pensé à XML-iser la façon d'écrire tes balises? Mettre du XAML dans du resx, c'est du XML dans du XML, il te faut utiliser des caractères spéciaux html à l'intérieur, notamment les caractères '<' et '>'.... Me trompe-je?

[DotNET74]

J'avais mal compris le besoin !!!