Enrichissez vos applications WPF avec le nouveau contrôle SyntaxEditor

RadSyntaxEditor stocke le texte entier du document dans une structure de données « rope » qui permet l’insertion et la suppression de texte à une vitesse logarithmique. Certaines fonctions sont inspirées des IDE populaires - numérotation des lignes, pliage (sections développées / réduites dans le code), sélection par rectangle, édition simultanée sur des lignes consécutives, Annuler-Répéter, zoomant (plus niveaux de zoom prédéfinis dans le combo). ).

La boîte de dialogue Rechercher-remplacer vous permet de rechercher (rechercher) une partie spécifique de votre code ou de remplacer certaines occurrences de chaînes correspondantes. Elle est entièrement localisée ce qui signifie vous pouvez facilement basculer entre les langues prises en charge (EN, DE, FR, IT, TR, DU, ES) dans votre application et celle-ci sera traduite. Vous pouvez également ajouter des traductions pour les clés de localisation fournies.

Les fonctions Intelliprompt telles que l'achèvement de code et la liste de surcharge vous permettent d'ajouter Menus contextuels pour l'insertion de code / texte ou la navigation entre les surcharges de méthodes possibles.

Vous avez de nombreuses façons de colorer / formater votre code / texte dans RadSyntaxEditor. Dans les palettes vous pouvez alterner les variations claires, sombres, neutres et sombres des mots liés à la syntaxe dans votre document de code, bien sûr, que vous pouvez facilement combiner avec nos thèmes intégrés qui sont appliqué aux barres de défilement, zoom, liste de dialogue de remplacement de remplacement, commandes intelliprompt, arrière-plan de l'éditeur.

commandes afin que vous puissiez les relier facilement aux boutons / menus de votre application. Bien entendu, vous pouvez vous attendre à des méthodes publiques pour la plupart des fonctionnalités telles que Rechercher-Remplacer / Couper-Copier-Coller / Insérer-Supprimer / Navigation / Sélection / Recherche de lignes / Indentation / Zoom / etc. Vous pouvez suivre tout changement dans le document, abonnez-vous simplement à un événement utile et implémentez votre logique d'application.

Plongeons maintenant dans les eaux profondes du traitement de texte, puis développons quelques augmentations. Tagger dans le monde de l'éditeur de syntaxe signifie une classe qui collecte certaines occurrences de parties de texte et les enveloppe dans des balises. Les étiquettes gardent une référence au texte trouvé, stockent des informations sur la façon dont ce texte doit être formaté et sur le calque qui doit le gérer.

. ] ColorStringTooltipTagger tooltipTagger = nouveau ColorStringTooltipTagger (this.syntaxEditor); 
 this.syntaxEditor.TaggersRegistry.RegisterTagger (tooltipTagger); 

Étape 1. Créez un objet IUnderlineDecoration personnalisé qui dessine un soulignement coloré sous un trait Rect donné étant un rectangle englobant autour d'une portion de texte:

 public class CustomLineDecoration: IUnderlineDecoration 
 {
 private double épaisseur; 
 interne CustomLineDecoration (double épaisseur) 
 {
 this.thickness = épaisseur; 
} 
 /// 

 /// Crée le soulignement. 
 /// 

 ///  Le rectangle. 
 ///  The brush. 
 ///  FrameworkElement. 
 public FrameworkElement CreateUnderline (Rect rect, Brush brush) 
 {
 Ligne line = nouvelle Line (); 
 line.Stroke = brush ; 
 line.Stro keThickness = this.thickness; 
 double ligneY = rect.Haut + rect.Hauteur + 2; 
 ligne.X1 = rect.Left; 
 ligne.Y1 = ligneY; 
 ligne.X2 = rect .Droit; 
 ligne.Y2 = ligneY; 
 ligne.IsHitTestVisible = false; 
 ligne retour; 
} 
} 

Étape 2. Créez des instances de la décoration, TextFormatDefinitionKey et le libellé sous-jacent:

 classe partielle publique MainWindow: Window 
 {
 privé en lecture seule et en lecture seule = new CustomLineDecoration (4); 

Étape 3. Enregistrez le tagueur et gérez l'événement SelectionChanged:

 public MainWindow () 
 {
 I nitializeComponent (); 
 this.LoadFile ("Test / UserControl.xaml"); 
 this.underlineTagger = new TextSearchUnderlineTagger (this.syntaxEditor, colorUdnerlineDefinition); 
 underlineTagger); 
 this.syntaxEditor.Selection.SelectionChanged + = Selection_SelectionChanged; 

Étape 4. Lors de la sélection, vérifiez si le mot sélectionné est une chaîne de couleur hexagonale et, si oui, définissez la mise en forme personnalisée correspondante. mot hexadécimal et forcez le marqueur de soulignement à mettre à jour l'interface utilisateur:

 private void Selection_SelectionChanged (expéditeur d'objet, EventArgs e) 
 {
 chaîne selectedWord = this.syntaxEditor.Selection.GetSelectedText (); 
 poureach ( char ch dans selectedWord) 
 {
 if (! char.IsDigit (ch) &&! char.IsLetter (ch)) 
 {
 return; 
} 
} 
 si (syntaxeE ditor.Selection.StartPosition.Index == 0) 
 return; 
 Span previousCharSpan = nouvelle Span (syntaxEditor.Selection.Selection.StartPosition.Index - 1, 1); 
 if (this.syntaxEditor.Document.CurrentSnapshot .GetText (previousCharSpan) == "#") 
 {
 string colorSection = string.Format ("# {0}", selectedWord); 
 Couleur color = this.GetColor (colorSection); 
. ] This.syntaxEditor.TextFormatDefinitions.AddLast (colorUdnerlineDefinition, 
 new TextFormatDefinition (new UnderlineInfo (new SolidColorBrush (couleur), lineDecoration))); 
 this.underlineInfo (nouveau Selection.Clear (); 
} 
} 

Voilà! Vous disposez maintenant d'une fonctionnalité utile, implémentée en quelques minutes, qui est généralement une extension de Visual Studio ?.

Restez attentifs

Cet article de blog a pour sujet Pour terminer, mais ce n’est que le début du cycle de vie sans fin de ce composant puissant. Nous apprécierons tous vos commentaires et prendrons en compte toutes les suggestions de fonctionnalités que vous ferez. De cette manière, nous fournirons une syntaxe officielle impressionnante, riche en fonctionnalités, Rédacteur en R1 2020. Envoyez-nous vos suggestions sur notre portail de commentaires .