Bildbearbeitung für Symbole (C++)

  • Artikel
  • 9 Minuten Lesedauer

Wenn Sie eine Bilddatei (z.B. ICO, .bmp, .png) in Projektmappen-Explorerauswählen, wird das Bild im Bild-Editor auf die gleiche Weise geöffnet wie Codedateien im Code-Editor. Wenn eine Registerkarte Bildbearbeitung 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 bearbeiten, indem Sie Befehle im Menü Bild und Tools auf der Symbolleiste des Bild-Editors verwenden.

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, Spiegeln 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 unterschiedlichen Formaten speichern und Bilder von einem Format in ein anderes konvertieren.

Hinweis

Mithilfe des Bild-Editorskönnen Sie 32-Bit-Bilder anzeigen, aber nicht bearbeiten.

Sie können auch den Bild-Editor und den Binär-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 das Bearbeiten eingebetteter Ressourcen nicht.

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

Informationen zum Bild-Editorfinden Sie unter Erstellen eines Symbols oder eines anderen Bilds,Bearbeiten eines Bilds,Verwenden eines Zeichentools,Arbeiten mit Farbenund Tastenkombinationen.

Hinweis

Laden Sie die Visual Studio Bildbibliothek kostenlos 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 unter Visual Studio Image Library.

Menü "Bild"

Das Menü Bild, das nur angezeigt wird, wenn die Bildbearbeitung aktiv ist, verfügt über Befehle zum Bearbeiten von Bildern, Verwalten von Farbpaletten und Festlegen von Bildbearbeitungsfensteroptionen. Außerdem sind Befehle für die Verwendung von Gerätebildern verfügbar, wenn Sie mit Symbolen und Cursorn arbeiten.

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.
Um 90° drehen 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.
Verwenden der Auswahl als Pinsel 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 auf das Bild verteilt. Kopien der Auswahl werden entlang des Ziehpfads links gelassen. Je langsamer Sie ziehen, desto mehr Kopien werden erstellt.

Auswahl von Kopier- und Konturen 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.

Anpassen von Farben Öffnet die benutzerdefinierte Farbauswahl,mit der Sie die Farben anpassen können, die Sie für Ihr Bild verwenden.
Laden der Palette Öffnet das Dialogfeld Farbpalette laden, in dem Sie Palettenfarben laden können, die zuvor in einer PAL-Datei gespeichert wurden.
Speichern der Palette Speichert die Palettenfarben in einer PAL-Datei.
Undurchsichtig zeichnen Wenn diese Option ausgewählt ist, ist die aktuelle Auswahl nicht transparent.

Wenn diese Option gelöscht wird, wird die aktuelle Auswahl transparent.

Symbolleisten-Editor Öffnet das Dialogfeld Neue Symbolleistenressource.
Grid-Einstellungen Öffnet das Dialogfeld Raster Einstellungen, in dem Sie Raster für Ihr Bild angeben können.
Neuer Imagetyp Öffnet das Dialogfeld Neuer > Geräteimagetyp.

Eine einzelne Symbolressource kann mehrere Bilder unterschiedlicher Größe 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 ein neues Bild innerhalb des Symbols. Gilt nur für Symbole und Cursor.

Aktueller Symbol-/Cursorbildtyp Öffnet ein Untermenü, das die ersten neun verfügbaren Cursor- oder Symbolbilder auflistet. Mit dem letzten Befehl im Untermenü ( Weitere) wird das Dialogfeld Geräteimage öffnengeöffnet.
Löschen des Imagetyps Löscht das ausgewählte Geräteimage.
Extras Startet ein Untermenü, das alle tools enthält, die über die Symbolleiste bildbearbeitung verfügbar sind.

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

Eigenschaft BESCHREIBUNG
Pixelraster Wenn dieses Kontrollkästchen aktiviert ist, zeigt ein Raster um jedes Pixel im Bild-Editoran.

Das Raster wird nur mit einer Auflösung von 4× und höher angezeigt.

Kachelraster Wenn diese Option aktiviert ist, wird ein Raster um Pixelblöcke im Bild-Editorangezeigt, das durch die Rasterabstandswerte angegeben wird.
Width Gibt die Breite der einzelnen Kachelblöcke an.

Diese Eigenschaft ist nützlich, wenn Bitmaps mit mehreren Bildern gezeichnet werden, die in regelmäßigen Abständen angeordnet werden.

Height Gibt die Höhe der einzelnen Kachelblöcke an.

Diese Eigenschaft ist nützlich, wenn Bitmaps mit mehreren Bildern gezeichnet werden, die in regelmäßigen Abständen angeordnet werden.

Die Symbolleiste bildbearbeitung 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. Beispielsweise können Sie aus verschiedenen Pinselbreiten, Vergrößerungsfaktoren und Linienstilen auswählen.

Alle Tools, die auf der Symbolleiste bildbearbeitung verfügbar sind, sind auch im Menü Bildtoolsverfügbar. Um die Symbolleiste bildbearbeitung und die Optionsauswahl zu verwenden, wählen Sie das gewünschte Tool oder die gewünschte Option aus.

Symbolleiste des Bild-Editors.
Symbolleiste des Bild-Editors

Tipp

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

Da viele der Zeichentools über die Tastaturverfügbar sind, ist es manchmal hilfreich, die Symbolleiste des Bild-Editors auszublenden.

  • Um die Symbolleiste bildbearbeitung anzuzeigen oder auszublenden, wechseln Sie zum Menü Symbolleisten anzeigen, und wählen Sie Bildbearbeitungaus.

Hinweis

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

Optionsauswahl

Mit der Optionsauswahl können Sie die Breite einer Linie, einen Pinselstrich und mehr angeben. Das Symbol auf der Optionsauswahlschaltfläche ändert sich abhängig davon, welches Tool Sie ausgewählt haben.

Screenshot: Auswahl der Zeichnungsform auf der Symbolleiste der Bildbearbeitung
Optionsauswahl auf der Symbolleiste der Bildbearbeitung

Text-Tool

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

Öffnen Sie zum Zugreifen auf dieses Dialogfeld die Bildbearbeitung, 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ü zu klicken, das eine Liste der Standardbefehle Windows enthält.

Öffnen Sie das Dialogfeld Schriftart des Texttools, um die Schriftart, den Stil oder die Größe der Cursorschriftart zu ändern. Änderungen werden auf den Text angewendet, der im Textbereich angezeigt wird.

Um auf dieses Dialogfeld zu zugreifen, 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 Stile für die angegebene Schriftart auf.
Größe Listet die verfügbaren Punktgrößen für die angegebene Schriftart auf.
Beispiel Zeigt ein Beispiel, wie Text mit den angegebenen Schriftarteinstellungen angezeigt wird.
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

Im Folgenden finden Sie ein Beispiel für das Hinzufügen von Text zu einem Symbol in Windows-Anwendung und zum Bearbeiten der Schriftart Ihres Texts.

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

  2. Doppelklicken Projektmappen-Explorerauf die Datei app.ico. Die Bildbearbeitung wird geöffnet.

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

  4. Geben Sie im Dialogfeld Texttool den Text C++ in den leeren Textbereich ein. Dieser Text wird in einem verstellbaren Feld in der oberen linken Ecke von app.ico in der Bildbearbeitung angezeigt.

  5. Ziehen Sie in der Bildbearbeitungdas Feld mit der Größe an die Mitte von app.ico, um die Lesbarkeit Ihres Texts zu verbessern.

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

  7. Führen Sie im Dialogfeld Texttoolschriftart die folgenden Optionen aus:

    • 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 Schriftschnitte aus, die im Listenfeld Schriftschnitt aufgeführt sind.

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

    • Klicken Sie auf OK. Das Dialogfeld Texttoolschriftart wird geschlossen, und die neuen Schriftarteinstellungen gelten für Ihren Text.

  8. Klicken Sie im Dialogfeld Texttool auf Schließen. Das feld mit der Größe des Texts wird in der Bildbearbeitung nicht mehr angezeigt.

Im Textbereich wird der Text angezeigt, der als Teil der Ressource angezeigt wird. Dieser Bereich ist zunächst leer.

Hinweis

Wenn Transparent Background festgelegt ist, wird nur der Text in das Bild eingefügt. Wenn Opaque Background festgelegt ist, wird hinter dem Text ein umgebundenes Rechteck platziert, das mit der Hintergrundfarbe gefüllt ist.

Fensterbereiche

Im Fenster Bildbearbeitung werden zwei Ansichten eines Bilds angezeigt, und die beiden Bereiche werden durch eine geteilte Leiste getrennt. 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, die andere wird um den Standardfaktor 6 vergrößert. Die Ansichten in diesen beiden Fenstern werden automatisch aktualisiert. Alle Änderungen, die Sie in einem Bereich vornehmen, werden sofort im anderen angezeigt. Die beiden Bereiche machen es Ihnen einfach, an einer vergrößerten Ansicht Ihres Bilds zu arbeiten, in der Sie einzelne Pixel unterscheiden 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 Speicherplatz wie erforderlich (bis zur Hälfte des Bildfensters), um die standardmäßige 1:1-Vergrößerungsansicht Ihres Bilds anzuzeigen. Im rechten Bereich wird ein vergrößertes Standardbild mit einer Vergrößerung von 6:1 angezeigt. Sie können die Vergrößerung in jedem Bereich ändern, indem Sie das Tool "Vergrößerung" auf der Symbolleiste der Bildbearbeitung oder die Zugriffstasten verwenden.

Sie können den kleineren Bereich des Bildbearbeitungsfensters 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 relative Größe der Bereiche ändern, indem Sie den Zeiger auf der geteilten Leiste positionieren und die Teilungsleiste nach rechts oder links verschieben. Die geteilte Leiste kann bis zu beiden Seiten bewegt werden, wenn Sie nur an einem Bereich arbeiten möchten.

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

So ändern Sie den Vergrößerungsfaktor

Standardmäßig zeigt die Bildbearbeitung die Ansicht im linken Bereich mit der tatsächlichen Größe und die Ansicht im rechten Bereich mit der 6-fachen tatsächlichen Größe an. Der Vergrößerungsfaktor (in der Statusleiste unten im Arbeitsbereich zu sehen) 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 Bildbearbeitung aus, dessen Vergrößerungsfaktor Sie ändern möchten.

  2. Wählen Sie auf der Symbolleiste der Bildbearbeitung den Pfeil rechts neben dem Magnify-Tool aus, und wählen Sie im Untermenü den Vergrößerungsfaktor aus: 1X, 2X, 6Xoder 8X.

    Hinweis

    Verwenden Sie die Zugriffstasten, um einen anderen Als den im Magnify-Tool aufgeführten Vergrößerungsfaktor auszuwählen.

So zeigen Sie das Pixelraster an oder blenden es aus

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

  1. Wechseln Sie zum Menü Image Grid Einstellungen.

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

Anforderungen

Keine

Siehe auch

Ressourcen-Editor
Symbole