Bild-Editor für Symbole (C++)

Wenn Sie eine Bilddatei (z. B. .ico, .bmp, PNG) in Projektmappen-Explorer auswählen, wird das Bild im Bild-Editor auf die gleiche Weise geöffnet wie Codedateien im Code-Editor. Wenn eine Registerkarte "Bild-Editor " aktiv ist, werden Symbolleisten mit vielen Tools zum Erstellen und Bearbeiten von Bildern angezeigt. Zusammen mit Bitmaps, Symbolen und Cursorn können Sie Bilder im GIF- oder JPEG-Format mithilfe von Befehlen im Menü "Bild " und den Tools auf der Symbolleiste " Bild-Editor " bearbeiten.

Grafische Ressourcen sind die Bilder, die Sie für Ihre Anwendung definieren. Sie können Freihand zeichnen oder mit Formen zeichnen. Sie können Teile eines Bilds zum Bearbeiten, Kippen oder Ändern der Größe auswählen oder einen benutzerdefinierten Pinsel aus einem ausgewählten Teil eines Bilds erstellen und mit diesem Pinsel zeichnen. Sie können Bildeigenschaften definieren, Bilder in verschiedenen Formaten speichern und Bilder von einem Format in ein anderes konvertieren.

Hinweis

Mit dem Bild-Editor können Sie 32-Bit-Bilder anzeigen, aber nicht bearbeiten.

Sie können auch den Bild-Editor und den Binären Editor verwenden, um mit Ressourcendateien in verwalteten Projekten zu arbeiten. Bei den zu bearbeitenden verwalteten Ressourcen muss es sich um verknüpfte Ressourcen handeln. Die Visual Studio-Ressourcen-Editoren unterstützen die Bearbeitung eingebetteter Ressourcen nicht.

Zusätzlich zum Erstellen neuer grafischer Ressourcen können Sie vorhandene Bilder zum Bearbeiten importieren und dann zu Ihrem Projekt hinzufügen. Sie können auch Bilder öffnen und bearbeiten, die nicht Teil eines Projekts für die eigenständige Bildbearbeitung sind.

Informationen zum Bild-Editor finden Sie unter Erstellen eines Symbols oder eines anderen Bilds, Bearbeiten eines Bilds, Verwenden eines Zeichentools, Arbeiten mit Farbe und Tastenkombinationen.

Hinweis

Laden Sie die Visual Studio-Bildbibliothek ohne Kosten herunter, die viele Animationen, Bitmaps und Symbole enthält, die Sie in Ihren Anwendungen verwenden können. Weitere Informationen zum Herunterladen der Bibliothek finden Sie in der Visual Studio-Bildbibliothek.

Menü "Bild"

Das Menü "Bild", das nur angezeigt wird, wenn der Bild-Editor aktiv ist, verfügt über Befehle zum Bearbeiten von Bildern, verwalten von Farbpaletten und Festlegen von Fensteroptionen für den Bild-Editor. Außerdem stehen Befehle für die Verwendung von Gerätebildern beim Arbeiten mit Symbolen und Cursorn zur Verfügung.

Befehl	Beschreibung
Farben umkehren	Invertiert Ihre Farben.
Horizontal spiegeln	Kippt das Bild oder die Markierung horizontal.
Vertikal spiegeln	Kippt das Bild oder die Auswahl vertikal.
Drehen von 90 Grad	Dreht das Bild oder die Auswahl um 90 Grad.
Fenster "Farben anzeigen"	Öffnet das Fenster "Farben ", in dem Sie die Farben auswählen können, die für Ihr Bild verwendet werden sollen.
Auswahl als Pinsel verwenden	Ermöglicht das Erstellen eines benutzerdefinierten Pinsels aus einem Teil eines Bilds. Ihre Auswahl wird zu einem benutzerdefinierten Pinsel, der die Farben in der Auswahl über das Bild verteilt. Kopien der Auswahl werden entlang des Ziehenspfads links angezeigt. Je langsamer Sie ziehen, desto mehr Kopien werden erstellt.
Kopieren und Gliederungsauswahl	Erstellt eine Kopie der aktuellen Auswahl und versieht sie mit einer Umrisslinie. Wenn die Hintergrundfarbe in der aktuellen Auswahl enthalten ist, wird sie ausgeschlossen, wenn Sie transparent ausgewählt haben.
Farben anpassen	Öffnet die benutzerdefinierte Farbauswahl, mit der Sie die Farben anpassen können, die Sie für Ihr Bild verwenden.
Palette laden	Öffnet das Dialogfeld "Farbpalette laden", in dem Sie palettenfarben laden können, die zuvor in einer PAL-Datei gespeichert wurden.
Palette speichern	Speichert die Palettenfarben in einer PAL-Datei.
Undurchsichtig zeichnen	Wenn diese Option ausgewählt ist, wird die aktuelle Auswahl undurchsichtig. Wenn sie gelöscht wird, wird die aktuelle Auswahl transparent.
Symbolleisten-Editor	Öffnet das Dialogfeld "Neue Symbolleistenressource".
Raster-Einstellungen	Öffnet das Dialogfeld "Raster Einstellungen", in dem Sie Raster für Ihr Bild angeben können.
Neuer Bildtyp	Öffnet das Dialogfeld "Neuer <Gerätebildtyp> ". Eine einzelne Symbolressource kann mehrere Bilder unterschiedlicher Größen enthalten, und Fenster können die entsprechende Symbolgröße verwenden, je nachdem, wie sie angezeigt wird. Ein neuer Gerätetyp ändert nicht die Größe des Symbols, sondern erstellt stattdessen ein neues Bild innerhalb des Symbols. Gilt nur für Symbole und Cursor.
Aktueller Symbol-/Cursorbildtyp	Öffnet ein Untermenü, in dem die ersten neun verfügbaren Cursor- oder Symbolbilder aufgelistet sind. Der letzte Befehl im Untermenü "Mehr" öffnet das Dialogfeld "Gerätebild> öffnen<".
Bildtyp löschen	Löscht das ausgewählte Gerätebild.
Extras	Startet ein Untermenü, das alle tools enthält, die über die Symbolleiste des Bild-Editors verfügbar sind.

Im Dialogfeld "Raster Einstellungen" können Sie die Rastereinstellungen für Ihr Bild angeben und Gitternetzlinien über dem bearbeiteten Bild anzeigen. Die Linien sind nützlich zum Bearbeiten des Bilds, werden jedoch nicht als Teil des Bilds selbst gespeichert.

Eigenschaft	Beschreibung
Pixelraster	Wenn diese Option aktiviert ist, wird ein Raster um jedes Pixel im Bild-Editor angezeigt. Das Raster wird nur bei 4× und höheren Auflösungen angezeigt.
Kachelraster	Wenn diese Option ausgewählt ist, wird ein Raster um Pixelblöcke im Bild-Editor angezeigt, der durch die Rasterabstandswerte angegeben wird.
Breite	Gibt die Breite jedes Kachelblocks an. Diese Eigenschaft ist nützlich, wenn Bitmaps mit mehreren Bildern gezeichnet werden, die in regelmäßigen Abständen angeordnet sind.
Höhe	Gibt die Höhe jedes Kachelblocks an. Diese Eigenschaft ist nützlich, wenn Bitmaps mit mehreren Bildern gezeichnet werden, die in regelmäßigen Abständen angeordnet sind.

Symbolleiste

Die Symbolleiste des Bild-Editors enthält Tools zum Zeichnen, Zeichnen, Eingeben von Text, Löschen und Bearbeiten von Ansichten. Sie enthält auch eine Optionsauswahl, mit der Sie Optionen für die Verwendung der einzelnen Tools auswählen können. Sie können z. B. aus verschiedenen Pinselbreiten, Vergrößerungsfaktoren und Linienarten auswählen.

Alle auf der Symbolleiste des Bild-Editors verfügbaren Tools stehen auch im Menü "Bildtools>" zur Verfügung. Wenn Sie die Symbolleiste für den Bild-Editor und die Optionsauswahl verwenden möchten, wählen Sie das gewünschte Tool oder die gewünschte Option aus.

Symbolleiste für den Bild-Editor

Tipp

QuickInfos werden angezeigt, wenn Sie mit dem Mauszeiger auf eine Symbolleistenschaltfläche zeigen. Diese Tipps können Ihnen dabei helfen, die Funktion der einzelnen Schaltflächen zu identifizieren.

Da viele Zeichentools über die Tastatur verfügbar sind, ist es manchmal nützlich, die Symbolleiste des Bild-Editors auszublenden.

• Um die Symbolleiste des Bild-Editors anzuzeigen oder auszublenden, wechseln Sie zum Menü "Symbolleisten anzeigen>", und wählen Sie "Bild-Editor" aus.

Hinweis

Elemente aus dieser Symbolleiste werden nicht verfügbar angezeigt, wenn eine Bilddatei aus dem aktuellen Projekt oder der aktuellen Projektmappe nicht im Bild-Editor geöffnet ist.

Optionsauswahl

Mit der Optionsauswahl können Sie die Breite einer Linie, eines Pinselstrichs und vieles mehr angeben. Das Symbol auf der Optionsauswahlschaltfläche ändert sich je nachdem, welches Tool Sie ausgewählt haben.

Optionsauswahl auf der Symbolleiste des Bild-Editors

Text-Tool

Verwenden Sie das Dialogfeld "Texttool ", um Text zu einer Cursor-, Bitmap- oder Symbolressource hinzuzufügen.

Um auf dieses Dialogfeld zuzugreifen, öffnen Sie den Bild-Editor, und wechseln Sie zum Menü "Bildtools>", und wählen Sie dann den Befehl "Texttool" aus.

Tipp

Sie können mit der rechten Maustaste auf das Dialogfeld "Texttool " klicken, um auf ein Standardverknüpfungsmenü zuzugreifen, das eine Liste der standardmäßigen Windows-Befehle enthält.

Öffnen Sie das Dialogfeld "Schriftart des Texttools ", um die Schriftart, den Schriftschnitt oder den Schriftgrad des Cursors zu ändern. Änderungen werden auf den Text angewendet, der im Textbereich angezeigt wird.

Um auf dieses Dialogfeld zuzugreifen, wählen Sie im Dialogfeld "Texttool" die Schaltfläche "Schriftart" aus. Die verfügbaren Eigenschaften sind:

Eigenschaft	Beschreibung
Schriftart	Listet die verfügbaren Schriftarten auf.
Schriftschnitt	Listet die verfügbaren Formatvorlagen für die angegebene Schriftart auf.
Größe	Listet die verfügbaren Punktgrößen für die angegebene Schriftart auf.
Beispiel	Zeigt ein Beispiel für die Darstellung von Text mit den angegebenen Schriftarteinstellungen.
Skript	Listet die verfügbaren Sprachskripts für die angegebene Schriftart auf. Wenn Sie ein anderes Sprachskript auswählen, wird der Zeichensatz für diese Sprache zum Erstellen mehrsprachiger Dokumente verfügbar.

So ändern Sie die Schriftart von Text in einem Bild

Hier sehen Sie ein Beispiel zum Hinzufügen von Text zu einem Symbol in einer Windows-Anwendung und zum Bearbeiten der Schriftart Ihres Texts.

1. Erstellen Sie eine C++-Windows Forms-Anwendung. Ausführliche Informationen finden Sie unter How to: Create Windows Forms Applications. Ihrem Projekt wird standardmäßig eine app.ico-Datei hinzugefügt.

2. Doppelklicken Sie in Projektmappen-Explorer auf die Datei "app.ico". Der Bild-Editor wird geöffnet.

3. Wechseln Sie zum Menü "Bildtools>", und wählen Sie "Texttool" aus.

4. Geben Sie im Dialogfeld "Texttool" im leeren Textbereich C++ ein. Dieser Text wird in einem veränderbaren Feld in der oberen linken Ecke von app.ico im Bild-Editor angezeigt.

5. Ziehen Sie im Bild-Editor das veränderbare Feld in die Mitte von "app.ico ", um die Lesbarkeit des Texts zu verbessern.

6. Wählen Sie im Dialogfeld "Textfeld " die Schaltfläche "Schriftart " aus.

7. Im Dialogfeld "Schriftart des Textfelds":

   • Wählen Sie "Times New Roman " aus der Liste der verfügbaren Schriftarten aus, die im Listenfeld "Schriftart " aufgeführt sind.

   • Wählen Sie "Fett" aus der Liste der verfügbaren Schriftformate aus, die im Listenfeld "Schriftartformatvorlage " aufgeführt sind.

   • Wählen Sie 10 aus der Liste der verfügbaren Punktgrößen aus, die im Listenfeld "Größe " aufgeführt sind.

   • Wählen Sie OK aus. Das Dialogfeld "Schriftart für Texttools" wird geschlossen, und die neuen Schriftarteinstellungen gelten für Ihren Text.

8. Wählen Sie im Dialogfeld "Texttool" die Option "Schließen" aus. Das veränderbare Feld um den Text wird im Bild-Editor ausgeblendet.

Der Textbereich zeigt den Text an, der als Teil der Ressource angezeigt wird. Zunächst ist dieser Bereich leer.

Hinweis

Wenn transparenter Hintergrund festgelegt ist, wird nur der Text in das Bild eingefügt. Wenn "Undurchsichtiger Hintergrund " festgelegt ist, wird ein umgebendes Rechteck mit der Hintergrundfarbe hinter dem Text platziert.

Fensterbereiche

Das Bild-Editor-Fenster zeigt zwei Ansichten eines Bilds mit einer geteilten Leiste, die die beiden Bereiche trennt. Zum Ändern der relativen Größe der Fensterbereiche kann der Fensterteiler seitlich gezogen werden. Der aktive Bereich ist von einem Markierungsrahmen umgeben.

Eine Ansicht ist die tatsächliche Größe und der andere wird durch einen Standardmäßigen Erweiterungsfaktor von 6 vergrößert. Die Ansichten in diesen beiden Bereichen werden automatisch aktualisiert, alle Änderungen, die Sie in einem Bereich vornehmen, werden sofort im anderen angezeigt. Die beiden Bereiche erleichtern ihnen die Arbeit an einer vergrößerten Ansicht des Bilds, in der Sie einzelne Pixel unterscheiden können und gleichzeitig die Auswirkungen Ihrer Arbeit auf die Ansicht der tatsächlichen Größe des Bilds beobachten können.

Der linke Bereich verwendet so viel Platz wie erforderlich (bis zur Hälfte des Bildfensters ), um die standardmäßige Vergrößerungsansicht 1:1 Ihres Bilds anzuzeigen. Im rechten Bereich wird ein vergrößertes Standardbild mit 6:1-Vergrößerung angezeigt. Sie können die Vergrößerung in jedem Bereich mithilfe des Vergrößerungstools auf der Symbolleiste des Bild-Editors oder mithilfe der Tastenkombinationen ändern.

Sie können den kleineren Bereich des Bild-Editor-Fensters vergrößern und die beiden Bereiche verwenden, um verschiedene Bereiche eines großen Bilds anzuzeigen. Wählen Sie im Bereich aus, um ihn auszuwählen.

Sie können die relativen Größen der Bereiche ändern, indem Sie den Mauszeiger auf der Geteilten Leiste positionieren und den Teiler nach rechts oder links verschieben. Die Geteilte Leiste kann auf eine der beiden Seiten verschoben werden, wenn Sie nur an einem Bereich arbeiten möchten.

Wenn der Bild-Editor-Bereich um den Faktor 4 oder höher vergrößert wird, können Sie ein Pixelraster anzeigen, das die einzelnen Pixel im Bild abgrenzt.

So ändern Sie den Vergrößerungsfaktor

Standardmäßig zeigt der Bild-Editor die Ansicht im linken Bereich in der tatsächlichen Größe und die Ansicht im rechten Bereich mit 6 Mal tatsächlicher Größe an. Der Vergrößerungsfaktor (in der Statusleiste am unteren Rand des Arbeitsbereichs) ist das Verhältnis zwischen der tatsächlichen Größe des Bilds und der angezeigten Größe. Der Standardfaktor ist 6, und der Bereich liegt zwischen 1 und 10.

1. Wählen Sie den Bereich "Bild-Editor " aus, dessen Vergrößerungsfaktor Sie ändern möchten.

2. Wählen Sie auf der Symbolleiste des Bild-Editors den Pfeil rechts neben dem Vergrößerungstool aus, und wählen Sie den Vergrößerungsfaktor aus dem Untermenü aus: 1X, 2X, 6X oder 8X.

   Hinweis

   Verwenden Sie die Tastenkombinationen, um einen anderen Vergrößerungsfaktor als die im Vergrößerungstool aufgeführten zu markieren.

So blenden Sie das Pixelraster ein oder aus

Für alle Bild-Editor-Bereiche mit einem Vergrößerungsfaktor von 4 oder höher können Sie ein Raster anzeigen, das die einzelnen Pixel im Bild abgrenzt.

1. Wechseln Sie zum Menü "Bildraster>" Einstellungen.

2. Aktivieren Sie das Kontrollkästchen Pixelraster , um das Raster anzuzeigen, oder deaktivieren Sie das Kontrollkästchen, um das Raster auszublenden.

Anforderungen

None

Siehe auch

Resource Editors
Symbole