Creare un'estensione con un modello di elemento dell'editor

  • Articolo

È possibile usare i modelli di elemento inclusi in Visual Studio SDK per creare estensioni dell'editor di base che aggiungono classificatori, strumenti decorativi e margini all'editor. I modelli di elementi dell'editor sono disponibili per i progetti Visual C# o Visual Basic VSIX.

Creare un'estensione del classificatore

Il modello di elemento Classificatore editor crea un classificatore dell'editor che colora il testo appropriato (in questo caso tutto) in qualsiasi file di testo.

  1. Nella finestra di dialogo Nuovo progetto espandere Visual C# o Visual Basic e quindi fare clic su Estendibilità. Nel riquadro Modelli selezionare Progetto VSIX. Nella casella Nome digitare TestClassifier. Fare clic su OK.

  2. Nella Esplora soluzioni fare clic con il pulsante destro del mouse sul nodo del progetto e scegliere Aggiungi>nuovo elemento. Passare al nodo Estendibilità di Visual C# e selezionare Classificatore editor. Lasciare il nome file predefinito (EditorClassifier1.cs).

  3. Di seguito sono riportati quattro file di codice:

    • EditorClassifier1.cs contiene la EditorClassifier1 classe .

    • EditorClassifier1ClassificationDefinition.cs contiene la EditorClassifier1ClassificationDefinition classe .

    • EditorClassifier1Format.cs contiene la EditorClassifier1Format classe .

    • EditorClassifier1Provider.cs contiene la EditorClassifier1Provider classe .

  4. Compilare il progetto e avviare il debug. Viene visualizzata l'istanza sperimentale di Visual Studio.

    Se si apre un file di testo, tutto il testo viene sottolineato su uno sfondo viola.

Creare un'estensione di adornamento relativo al testo

Il modello Editor Text Adornment crea una struttura relativa al testo che decora tutte le istanze del carattere di testo 'a' usando una casella con contorno rosso e sfondo blu. È relativo al testo perché la casella sovrappone sempre i caratteri "a", anche quando vengono spostati o riformattati.

  1. Nella finestra di dialogo Nuovo progetto espandere Visual C# o Visual Basic e quindi fare clic su Estendibilità. Nel riquadro Modelli selezionare Progetto VSIX. Nella casella Nome digitare TestAdornment. Fare clic su OK.

  2. Nella Esplora soluzioni fare clic con il pulsante destro del mouse sul nodo del progetto e scegliere Aggiungi>nuovo elemento. Passare al nodo Estendibilità di Visual C# e selezionare Editor Text Adornment (Strumento decorativo testo editor). Lasciare il nome file predefinito (TextAdornment1.cs/vb).

  3. Di seguito sono riportati due file di codice:

    • TextAdornment1.cs contiene la TextAdornment1 classe .

    • TextAdornment1TextViewCreationListener.cs contiene la TextAdornment1TextViewCreationListener classe .

  4. Compilare il progetto e avviare il debug. Viene visualizzata l'istanza sperimentale. Se si apre un file di testo, tutti i caratteri 'a' del testo vengono delineati in rosso su uno sfondo blu.

Creare un'estensione relativa al riquadro di visualizzazione

Il modello Riquadro visualizzazione editor crea una struttura relativa al riquadro di visualizzazione che aggiunge una casella viola con un contorno rosso all'angolo superiore destro del riquadro di visualizzazione.

Nota

Il riquadro di visualizzazione è l'area della visualizzazione di testo attualmente visualizzata.

Per creare un'estensione per lo strumento decorativo del riquadro di visualizzazione tramite il modello Di struttura del riquadro di visualizzazione editor

  1. Nella finestra di dialogo Nuovo progetto espandere Visual C# o Visual Basic e quindi fare clic su Estendibilità. Nel riquadro Modelli selezionare Progetto VSIX. Nella casella Nome digitare ViewportAdornment. Fare clic su OK.

  2. Nella Esplora soluzioni fare clic con il pulsante destro del mouse sul nodo del progetto e scegliere Aggiungi>nuovo elemento. Passare al nodo Estendibilità di Visual C# e selezionare Editor Viewport Adornment (Strumento decorativo riquadro visualizzazione editor). Lasciare il nome file predefinito (ViewportAdornment1.cs/vb).

  3. Di seguito sono riportati due file di codice:

    • ViewportAdornment1.cs contiene la ViewportAdornment1 classe .

    • ViewportAdornment1TextViewCreationListener.cs contiene la ViewportAdornment1TextViewCreationListener classe

  4. Compilare il progetto e avviare il debug. Viene visualizzata l'istanza sperimentale. Se si crea un nuovo file di testo, viene visualizzata una casella viola con contorno rosso nell'angolo superiore destro del riquadro di visualizzazione.

Creare un'estensione del margine

Il modello Margine editor crea un margine verde che viene visualizzato insieme alle parole *Hello world! sotto la barra di scorrimento orizzontale.

Per creare un'estensione del margine usando il modello Margine editor

  1. Nella finestra di dialogo Nuovo progetto espandere Visual C# o Visual Basic e quindi fare clic su Estendibilità. Nel riquadro Modelli selezionare Progetto VSIX. Nella casella Nome digitare MarginExtension. Fare clic su OK.

  2. Nella Esplora soluzioni fare clic con il pulsante destro del mouse sul nodo del progetto e scegliere Aggiungi>nuovo elemento. Passare al nodo Estendibilità di Visual C# e selezionare Margine editor. Lasciare il nome file predefinito (EditorMargin1.cs/vb).

  3. Di seguito sono riportati due file di codice:

    • EditorMargin1.cs contiene la EditorMargin1 classe .

    • EditorMargin1Factory.cs contiene la EditorMargin1Factory classe .

  4. Compilare questo progetto e avviare il debug. Viene visualizzata l'istanza sperimentale. Se si apre un file di testo, sotto la barra di scorrimento orizzontale viene visualizzato un margine verde con le parole Hello EditorMargin1 .

Contenuto correlato