Discussion :

[Dadv]

Bonjour, j'ai une question un peu difficile à expliquer:

Je souhaiterais avoir une zone de texte où je pourrai intégrer des blocs "de mots".

Je vais essayer d'être plus clair, dans un texte "normal" les mots sont divisés en lettres (c'est a dire que l'on peu sélectionner un lettre au milieu d'un mot), mon besoin est de pouvoir définir une portion de ce texte comme un bloc (une entité indivisible) :
donc quand on clique sur une des lettres d'un mot de ce bloc, il faut que ce soit le bloc entier qui soit sélectionné (idéalement entouré d'un contour).

Les exemples les plus proches que j'ai pu trouver sont :
- Lors du publipostage dans Word, pendant la définition du "calque" de création, les mots du masque sont saisissable en entier et non divisible.

- Lors de la création d'un rapport Reporting Services l'intégration d'un zone de formule dans une zone de texte.

Mon besoin étant particulièrement difficile a exprimer, mes recherches n'ont malheureusement pas été très fructueuses.

Je suis conscient que mes explications ne sont peu être pas très clairs, et je serais ravi d'apporter des précisions si besoin.

Si vous avez des pistes ou des liens je suis preneur.

Environnement : C#, Framework 4.0 et Winform ou WPF

D'avance merci de vos réponses

Dadv


Ps: plus d'informations dans mes réponses suivante

[jbrasselet]

Tu dois pouvoir faire ça en javascript. Sur ton onclick, tu récupère l'emplacement du click et et ensuite tu recherches, avant et après, des séparateurs (ton deuxième exemple) et ensuite utilise l'objet range a priori.

[Bluedeep]

Tu dois pouvoir faire ça en javascript. Sur ton onclick, tu récupère l'emplacement du click et et ensuite tu recherches, avant et après, des séparateurs (ton deuxième exemple) et ensuite utilise l'objet range a priori.

Euh, relis le message : c'est un programme client lourd(Winform et WPF ne suppportent pas le javascript ou alors j'ai raté une évolution )

[jbrasselet]

Arf oui zut, autant pour moi, j'ouvre les yeux

[Dadv]

Merci de votre réponse,

Comme indiqué dans mon message, mon environnement est en application Windows et non pas web.

Le principe du Range est un peu ce que je cherche a avoir (une plage de sélection) mais ce que je n'ai pas expliqué dans mon premier message c'est que cette zone devrait être idéalement un objet (avec des propriétés, méthodes, etc.) et cela même si visuellement il s'agit de texte.

L'exemple des formules dans reporting services est vraiment exactement ce que je veux avoir.

L'utilisateur tape du texte au kilomètre, puis double clic sur un bouton qui ira ouvrir une fenêtre spécifique (de calcul ou autre), une fois cette fenêtre validée un bloc de texte viendra s’insérer pour symboliser cette zone de calcul.

Ultérieurement lors du traitement de cette zone de texte, les résultats des calculs seront inséré.

Mon approche actuelle s'oriente sur une zone en XML avec des balises spécifique pour les calculs. reste l'aspect visuel, je ne désire pas que l'utilisateur gère du XML mais simplement du texte et des formules.

J'oriente mes explications sur les calculs car ils sont a mon sens les plus facile a comprendre, mais je garde en tête l'orientation "objet" de la chose.


édit : page => plage

[Dadv]

Voila un début d'approche en WPF

Dans ma page WPF je met un RichTextBox et à l’intérieur dans un container en ligne, mon objet (ici un control utilisateur)

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<RichTextBox Name="rtbFlow" Foreground="#FFF21313">
            <FlowDocument>
                <Paragraph>
                    <InlineUIContainer>
                        <my:UserControl1 />
                    </InlineUIContainer>
                </Paragraph>
            </FlowDocument>
        </RichTextBox>

Ceci peut être fait facilement en code donc pas de soucis.

Dans mon control utilisateur je met simplement le visuel voulu :

Code :

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

1
2
3
4
 
<Grid>
        <TextBlock Text="{Binding Path=Display}" />
</Grid>

et dans son code les propriétés dont j'ai besoin

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
 
public partial class UserControl1 : UserControl
    {
        public string Display { get; set; }
 
        public int Param1 { get; set; }
        public int Param2 { get; set; }
 
        public int Result { get; set; }
 
        public UserControl1()
        {
            InitializeComponent();
            this.DataContext = this;
        }
    }

On peux après récupérer la liste des controls utilisateur assez facilement

Code :

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

1
2
3
4
 
var controls = rtbFlow.Document.Blocks.OfType<Paragraph>()
                .SelectMany(p => p.Inlines.OfType<InlineUIContainer>()
                    .Select(s => s.Child).OfType<UserControl1>());

Voila on peut écrire et les bloc sont bien unitaire (pas possible d'écrire dedans), par contre d'autres problèmes se posent :
- Quand on les déplace à la souris ou qu'on les copie colle, les blocs disparaissent (?)

- Je n'ai pas trouvé le moyen de récupérer les évènements sur les controls, le richtextbox semble les absorber (par exemple le double clique ne fonctionne que sur le richtextbox et cela même si un double clique est défini dans le control utilisateur, pareil pour le contextmenu).

Si quelqu'un connait un moyen de passer outre les blocages du richtextbox (mais uniquement sur mes controls) je suis preneur.

[swif79]

Si tu mets la propriété IsDocumentEnabled de ta richtextbox à true ?

[Dadv]

Si tu mets la propriété IsDocumentEnabled de ta richtextbox à true ?

Merci cela résout un des problèmes c'est à dire l’interaction avec les controls utilisateur.


Reste le problème de copier/coller ou de déplacement qui supprime les controls.

une première réponse se trouve surement ici ou là, mais je ne vois pas bien comment interagir avec le DataObject.Copying.

Edit:

Petite avancée :

J'ai réussi a implémenter le DataObject.Copying et a y insérer un control sérialisé.
Par contre pas moyen d'avoir la version Xaml d'origine pour pouvoir insérer le BON objet (sic).
Je n'arrive qu'a obtenir le balisage primitif du InlineUIContainer (il ne garde même pas la propriété Name...)

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
 
private void rtbFlow_Copying(object sender, DataObjectCopyingEventArgs e)
        {
            var rtb = sender as RichTextBox;
            if (rtb != null)
            {
 
                UserControl1 uc = new UserControl1();
                uc.Initialize("Test");
 
                string ser = System.Windows.Markup.XamlWriter.Save(uc);
 
                using (MemoryStream memoryStream = new MemoryStream())
                {
                    rtb.Selection.Save(memoryStream, DataFormats.Xaml, true);
                    memoryStream.Position = 0;
 
 
                    using (StreamReader streamReader = new StreamReader(memoryStream))
                    {
                        string xaml = streamReader.ReadToEnd();
                        xaml = xaml.Replace("<InlineUIContainer> </InlineUIContainer>", "<InlineUIContainer> " + ser + " </InlineUIContainer>");
 
                        e.DataObject.SetData(DataFormats.Xaml, xaml);
                    }
                }
            }
        }

Existe t il un moyen de retrouver le balisage Xaml actif d'une RichTextbox ?
Je pense que cela existe car on obtient bien la liste d'objets Inlines (cf plus haut)
Un autre problème surgit aussi, la sérialisation détruit les Binds et les Events... mais je pense que cela peut se résoudre.

[swif79]

Pour récupérer l'InlineUIContainer on peut imaginer çà

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
 
        private InlineUIContainer GetUserControl1()
        {
            foreach (Block block in this.rtbFlow.Document.Blocks)
            {
                Paragraph p = block as Paragraph;
                if (p != null)
                {
                    foreach (Inline inline in p.Inlines)
                    {
                        InlineUIContainer iuic = inline as InlineUIContainer;
                        if (iuic != null)
                            if (this.rtbFlow.Selection.Contains(iuic.ContentStart))
                                return iuic;
                    }
                }
            }
 
            return null;
        }
 
private void rtbFlow_Copying(object sender, DataObjectCopyingEventArgs e)
        {
            var rtb = sender as RichTextBox;
            if (rtb != null)
            {
                using (MemoryStream memoryStream = new MemoryStream())
                {
                    if (_Current != null)
                    {
                        rtb.Selection.Save(memoryStream, DataFormats.Xaml, true);
                        string ser = XamlWriter.Save(GetUserControl1());
                        memoryStream.Position = 0;
 
                        using (StreamReader streamReader = new StreamReader(memoryStream))
                        {
                            string xaml = streamReader.ReadToEnd();
                            xaml = xaml.Replace("<InlineUIContainer> </InlineUIContainer>", ser);
                            e.DataObject.SetData(DataFormats.Xaml, xaml);
                        }
                    }
                }
            }
        }

Un autre problème surgit aussi, la sérialisation détruit les Binds et les Events... mais je pense que cela peut se résoudre.

Ce lien pourra peut être t'aider.

[Dadv]

Merci swif79.

Je me permet de transformer ta fonction, cela fonctionne si on sélectionne un seul control utilisateur mais ne fonctionne plus si il y en a au moins 2 identiques.

Pourtant en sortie le code Xaml semble correcte... avec les InlineUIContainer bien rempli et les Span de début et de fin.

Peut être une histoire de namespace (vu qu'on met plusieurs fois le même) ?

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
 
 
        private List<InlineUIContainer> GetInlineUIContainers()
        {
 
            var controls = rtbFlow.Document.Blocks.OfType<Paragraph>()
                    .SelectMany(p => p.Inlines.OfType<InlineUIContainer>())
                    .Where(u => this.rtbFlow.Selection.Contains(u.ContentStart) && this.rtbFlow.Selection.Contains(u.ContentEnd)).ToList();
 
            return controls;
        }
 
        private void rtbFlow_Copying(object sender, DataObjectCopyingEventArgs e)
        {
            var rtb = sender as RichTextBox;
            if (rtb != null)
            {
                using (MemoryStream memoryStream = new MemoryStream())
                {                       
                    List<string> serializedControls = GetInlineUIContainers().Select(u=>XamlWriter.Save(u)).ToList();
 
                    rtb.Selection.Save(memoryStream, DataFormats.Xaml, true);
                    memoryStream.Position = 0;
                    using (StreamReader streamReader = new StreamReader(memoryStream))
                    {
                        string xaml = streamReader.ReadToEnd();
 
                        Regex reg = new Regex("<InlineUIContainer> </InlineUIContainer>");
 
                        int i = 0;
                        StringBuilder sb = new StringBuilder();
                        foreach (var split in reg.Split(xaml))
                        {
                            sb.Append(split);
                            if (serializedControls.Count() > i )
                                sb.Append(serializedControls[i]);
                            i++;
                        }
 
                        string newxaml = sb.ToString();
                        e.DataObject.SetData(DataFormats.Xaml, newxaml);
                    }
                }
            }
        }

[Dadv]

Bon après de nombreux essai infructueux, je laisse de coté pour le moment, merci de vos réponses a tous.