Freigeben über


Freigegebene Farben für Visual Studio

Wenn Sie eine Benutzeroberfläche entwerfen, die allgemeine Visual Studio-Shellelemente verwendet, oder Sie möchten, dass das Schnittstellenelement mit ähnlichen Features konsistent ist, verwenden Sie vorhandene Tokennamen in Paketdefinitionsdateien, um Farben auszuwählen und zuzuweisen. Dadurch wird sichergestellt, dass Ihre Benutzeroberfläche mit der gesamten Visual Studio-Umgebung konsistent ist und automatisch angepasst wird, wenn Designs hinzugefügt oder aktualisiert werden.

In diesem Artikel werden allgemeine Elemente der Benutzeroberfläche und die jeweils verwendeten Tokennamen beschrieben, auf die Sie bei der Erstellung einer ähnlichen Benutzeroberfläche verweisen können. Spezielle Informationen zum Zugriff auf diese Farbtoken finden Sie unter The VSColor Service.

Stellen Sie sicher, dass Sie die Tokennamen ordnungsgemäß verwenden:

  • Verwenden Sie Tokennamen nach Funktion und nicht nach Farbe. Die gemeinsam verwendeten Farben sind bestimmten Benutzeroberflächenelementen zugeordnet und sollten ausschließlich für gleiche oder ähnliche Features verwendet werden. Beispielsweise sollten Sie die Farbe eines gedrückten Kombinationsfelds nicht für eine animierte drehende Statusanzeige verwenden, nur weil Ihnen die Farbe gefällt. Die Funktionen des Kombinationsfelds und der Animation unterscheiden sich, und wenn sich die mit dem Kombinationsfeld verknüpfte Farbe ändert, ist dies möglicherweise keine geeignete Farbe für Ihr Animationselement mehr. Die konsistente Verwendung von Farben bietet den Benutzern eine Orientierungshilfe und schließt Verwechslungen aus.

  • Verwenden Sie Hintergrund- und Textfarben in der richtigen Kombination. Den Hintergrundfarben, die für die Verwendung mit Text vorgesehen sind, ist eine Textfarbe zugeordnet. Verwenden Sie keine anderen als die für diesen Hintergrund angegebenen Textfarben. Wenn keine zugeordnete Textfarbe vorhanden ist, verwenden Sie diese Hintergrundfarbe nicht für jede Oberfläche, auf der Sie Text anzeigen möchten. Andere Kombinationen aus Text- und Hintergrundfarben können zu einer unlesbaren Schnittstelle führen.

  • Verwenden Sie Steuerelementfarben, die für die jeweilige Position geeignet sind. In bestimmten Zuständen verfügen einige Visual Studio-Steuerelemente nicht über separate Rahmen- und Hintergrundfarben. Stattdessen werden diese Farben von den dahinter liegenden Oberflächen übernommen. Stellen Sie sicher, dass Sie für die Position, an der Sie das Steuerelement platzieren, immer geeignete Tokennamen verwenden.

Wichtig

Verwenden Sie keine Token in den Kategorien "Startseite" oder "Cider".

Gemeinsam verwendete Steuerelemente

Wenn Sie eine standardmäßige Visual Studio-Befehlsleiste in Ihrem Feature verwenden, haben Sie Zugriff auf formatierte Shellsteuerelemente. Sie sollten diese allgemeinen Steuerelemente nicht neu erstellen. Wenn Sie jedoch eine benutzerdefinierte Befehlsleiste erstellen müssen, kann es erforderlich sein, benutzerdefinierte Steuerelemente zu erstellen. Stellen Sie in diesem Fall sicher, dass Sie die richtigen Tokennamen für jedes der folgenden Steuerelemente verwenden, damit die Benutzeroberfläche mit den anderen Bereichen von Visual Studio konsistent ist.

Schaltflächen-Steuerelemente

Button control redline

Verwenden... Verwenden Sie nicht ...
... für Schaltflächen im Dokument gut, die Sie in Visual Studio-Designs integrieren möchten (Hell, Dunkel, Blau oder ein Systemdesign mit hohem Kontrast). ... für Schaltflächen, die für einen benutzerdefinierten Hintergrund angezeigt werden, der nicht Teil eines Visual Studio-Designs ist.

Schaltfläche: Standardzustand

Standard button
Schaltfläche „Standard“

Element Tokenname: Category.color
Schaltfläche CommonControls.Button
Schaltflächenrahmen CommonControls.ButtonBorder

Schaltfläche: Standardzustand

Default button
Default button

Element Tokenname: Category.color
Schaltfläche CommonControls.ButtonDefault
Schaltflächenrahmen CommonControls.ButtonBorderDefault

Schaltfläche: Deaktivierter Zustand

Disabled button
Schaltfläche "Deaktiviert"

Element Tokenname: Category.color
Schaltfläche CommonControls.ButtonDisabled
Schaltflächenrahmen CommonControls.ButtonBorderDisabled

Schaltfläche: Hoverzustand

Button on hover
Schaltfläche, wenn darauf gezeigt wird

Element Tokenname: Category.color
Schaltfläche CommonControls.ButtonHover
Schaltflächenrahmen CommonControls.ButtonBorderHover

Schaltfläche: Gedrückter Zustand

Pressed button
Gedrückte Schaltfläche

Element Tokenname: Category.color
Schaltfläche CommonControls.ButtonPressed
Schaltflächenrahmen CommonControls.ButtonBorderPressed

Schaltfläche: Fokussierter Zustand

Focused button
Schaltfläche "Relevant"

Element Tokenname: Category.color
Schaltfläche CommonControls.ButtonFocused
Schaltflächenrahmen CommonControls.ButtonBorderFocused

Kontrollkästchen-Steuerelemente

Check box (redline)
Kontrollkästchen (rote Linie)

Verwenden... Verwenden Sie nicht ...
... für Kontrollkästchen-Steuerelemente, die im Dokument enthalten sind, gut. ... für jede Benutzeroberfläche, die kein Kontrollkästchen-Steuerelement ist.

Kontrollkästchen: Standardstatus

Check box
Standardkontrollkästchen

Element Tokenname: Category.color
Hintergrund CommonControls.CheckBoxBackground
Rahmen CommonControls.CheckBoxBorder
Text CommonControls.CheckBoxText
Glyphe CommonControls.CheckBoxGlyph

Kontrollkästchen: Deaktivierter Zustand

Disabled check box
Deaktiviertes Kontrollkästchen

Element Tokenname: Category.color
Hintergrund CommonControls.CheckBoxBackgroundDisabled
Rahmen CommonControls.CheckBoxBorderDisabled
Text CommonControls.CheckBoxTextDisabled
Glyphe CommonControls.CheckBoxGlyphDisabled

Kontrollkästchen: Hoverzustand

Check box on hover
Kontrollkästchen, wenn darauf gezeigt wird

Element Tokenname: Category.color
Hintergrund CommonControls.CheckBoxBackgroundHover
Rahmen CommonControls.CheckBoxBorderHover
Text CommonControls.CheckBoxTextHover
Glyphe CommonControls.CheckBoxGlyphHover

Kontrollkästchen: Gedrückter Zustand

Pressed check box
Kontrollkästchen gedrückt

Element Tokenname: Category.color
Hintergrund CommonControls.CheckBoxBackgroundPressed
Rahmen CommonControls.CheckBoxBorderPressed
Text CommonControls.CheckBoxTextPressed
Glyphe CommonControls.CheckBoxGlyphPressed

Kontrollkästchen: Fokussierter Zustand

Focused check box
Kontrollkästchen "Relevant"

Element Tokenname: Category.color
Hintergrund CommonControls.CheckBoxBackgroundFocused
Rahmen CommonControls.CheckBoxBorderFocused
Text CommonControls.CheckBoxTextFocused
Glyphe CommonControls.CheckBoxGlyphFocused

Drop-down/combo box (redline)
Dropdown-/Kombinationsfeld (rote Linie)

Verwenden... Verwenden Sie nicht ...
... für Dropdowns und Kombinationsfelder im Dokument gut. ... für jede Benutzeroberfläche, die kein Dropdown- oder Kombinationsfeld ist.
... für Befehlsleisten-Dropdowns oder Kombinationsfelder.

Dropdowns und Kombinationsfelder: Standardzustand

Default drop-down/combo box
Standard-Dropdown-/Kombinationsfeld

Element Tokenname: Category.color
Hintergrund CommonControls.ComboBoxBackground
Rahmen CommonControls.ComboBoxBorder
Text CommonControls.ComboBoxText
Trennzeichen CommonControls.ComboBoxSeparator
Glyphe CommonControls.ComboBoxGlyph
Glyphenhintergrund CommonControls.ComboBoxGlyphBackground

Dropdowns und Kombinationsfelder: Deaktivierter Zustand

Disabled drop-down/combo box
Deaktiviertes Dropdown-/Kombinationsfeld

Element Tokenname: Category.color
Hintergrund CommonControls.ComboBoxBackgroundDisabled
Rahmen CommonControls.ComboBoxBorderDisabled
Text CommonControls.ComboBoxTextDisabled
Trennzeichen CommonControls.ComboBoxSeparatorDisabled
Glyphe CommonControls.ComboBoxGlyphDisabled
Glyphenhintergrund CommonControls.ComboBoxGlyphBackgroundDisabled

Dropdowns und Kombinationsfelder: Hoverzustand

Drop-down/combo box on hover
Dropdown-/Kombinationsfeld, wenn darauf gezeigt wird

Element Tokenname: Category.color
Hintergrund CommonControls.ComboBoxBackgroundHover
Rahmen CommonControls.ComboBoxBorderHover
Text CommonControls.ComboBoxTextHover
Trennzeichen CommonControls.ComboBoxSeparatorHover
Glyphe CommonControls.ComboBoxGlyphHover
Glyphenhintergrund CommonControls.ComboBoxGlyphBackgroundHover

Dropdowns und Kombinationsfelder: Gedrückter Zustand

Pressed drop-down/combo box
Gedrücktes Dropdown-/Kombinationsfeld

Element Tokenname: Category.color
Hintergrund CommonControls.ComboBoxBackgroundPressed
Rahmen CommonControls.ComboBoxBorderPressed
Text CommonControls.ComboBoxTextPressed
Trennzeichen CommonControls.ComboBoxSeparatorPressed
Glyphe CommonControls.ComboBoxGlyphPressed
Glyphenhintergrund CommonControls.ComboBoxGlyphBackgroundPressed

Dropdown- und Kombinationsfeld-Listenelementansicht: Gedrückter Zustand

Drop-down/combo box pressed list item view
Dropdown-/Kombinationsfeld mit gedrückter Listenelementansicht

Element Tokenname: Category.color
Hintergrund CommonControls.ComboBoxListBackground
CommonControls.ComboBoxListBackgroundHover
CommonControls.ComboBoxListItemBackgroundPressed
CommonControls.ComboBoxListItemBackgroundFocused
Rahmen CommonControls.ComboBoxListBorder
CommonControls.ComboBoxListBorderHover
CommonControls.ComboBoxListBorderPressed
CommonControls.ComboBoxListBorderFocused
Elementtext CommonControls.ComboBoxListItemText
CommonControls.ComboBoxListItemTextHover
CommonControls.ComboBoxListItemTextPressed
CommonControls.ComboBoxListItemTextFocused
Hintergrundschatten CommonControls.ComboBoxListBackgroundShadow

Dropdowns und Kombinationsfelder: Fokussierter Zustand

Drop-down/combo box with focus
Dropdown-/Kombinationsfeld mit Fokus

Element Tokenname: Category.color
Hintergrund CommonControls.ComboBoxBackgroundFocused
Rahmen CommonControls.ComboBoxBorderFocused
Text CommonControls.ComboBoxTextFocused
Trennzeichen CommonControls.ComboBoxSeparatorFocused
Glyphe CommonControls.ComboBoxGlyphFocused
Glyphenhintergrund CommonControls.ComboBoxGlyphBackgroundFocused

Dropdowns und Kombinationsfelder: Texteingabeauswahl

Drop-down/combo box text input selection
Dropdown-/Kombinationsfeld-Texteingabeauswahl

Element Tokenname: Category.color
Highlight CommonControls.ComboBoxTextInputSelection

Tabellendaten-Steuerelemente (Raster)

Tabellendaten-Steuerelemente, die auch als Rastersteuerelemente bezeichnet werden. Dies sind gebräuchliche Steuerelemente in Visual Studio, die werden verwendet, um große Datenmengen in mehreren Spalten darzustellen. Standardmäßige Tabellendaten-Steuerelemente sind in Visual Studio an mehreren Orten zu finden: z. a. in Fehlerlisten-Toolfenstern, IntelliTrace-Berichte und Speicherheapansichten. Verwenden Sie immer die standardmäßig bereitgestellten Tabellendaten-Steuerelemente. In einigen seltenen Fällen haben Sie jedoch möglicherweise keinen Zugriff auf die standardmäßigen Tabellendaten-Steuerelemente. Verwenden Sie in dieser Situation die folgenden Tokennamen, um sicherzustellen, dass die Benutzeroberfläche mit anderen Tabellendaten-Steuerelementen in Visual Studio konsistent ist.

Tabular data/grid control (redline)
Tabellarisches Daten-/Rastersteuerelement (rote Linie)

Verwenden... Verwenden Sie nicht ...
... für Tabellarische oder Rastersteuerelemente. ... für jede Benutzeroberfläche, die kein tabellarisches oder Rastersteuerelement ist.

Spaltenüberschriften

Spaltenheader setzen sich aus Hintergrund, Rahmen, Titeltext und einer optionalen Glyphe zusammen, die normalerweise verwendet wird, wenn ein Raster nach dieser Spalte sortiert wird.

Spaltenüberschrift: Standardzustand

Element Tokenname: Category.color
Hintergrund Header.Default
Vordergrund (Text) Environment.CommandBarTextActive
Vordergrund (Glyphe) Header.Glyph
Rahmen Header.SeparatorLine

Spaltenüberschrift: Hoverzustand

Element Tokenname: Category.color
Hintergrund Header.MouseOver
Vordergrund (Text) Environment.CommandBarTextHover
Vordergrund (Glyphe) Header.MouseOverGlyph
Rahmen Header.SeparatorLine

Spaltenüberschrift: Gedrückter Zustand

Element Tokenname: Category.color
Hintergrund CommonControls.CheckBoxBackgroundPressed
Vordergrund (Text) CommonControls.CheckBoxBorderPressed
Vordergrund (Glyphe) CommonControls.CheckBoxTextPressed
Rahmen CommonControls.CheckBoxGlyphPressed

Listenansichtselemente

Listenansichtselemente bestehen aus einem Hintergrund und dem Inhalt. Der Inhalt kann Text, ein Symbol oder beides sein.

Listenansichtselemente: Standardstatus

Element Tokenname: Category.color
Hintergrund Transparent
Vordergrund (Text) Environment.CommandBarTextActive
Rahmen Keine

Listenansichtselemente: aktiver Zustand

Element Tokenname: Category.color
Hintergrund TreeView.SelectedItemActive
Vordergrund (Text) TreeView.SelectedItemActiveText
Rahmen Keine

Listenansichtselemente: inaktiver Zustand

Element Tokenname: Category.color
Hintergrund TreeView.SelectedItemInactive
Vordergrund (Text) TreeView.SelectedItemInactiveText
Rahmen Keine

UI-Text

Anweisungstext

Anweisungstext bietet eine prominente Standard Erläuterung, was in einem Dialogfeld oder auf einer Dokumentseite zu tun ist.

Default instructional text
Standardtext für Anweisungen

Element Tokenname: Category.color
Vordergrund (Text) Environment.ControlText

Sekundärer Anweisungstext

Auf Dokumentseiten mit viel Text und Steuerelementen verwendet einige Anweisungstext einen anderen Farbwert. Dadurch können Sie vermitteln, welche Informationen am wichtigsten sind und die Gesamtdichte der UI-Elemente verringert. (Siehe auch den folgenden Abschnitt zu Hinweistext.)

Secondary instructional text
Sekundärer Anweisungstext

Element Tokenname: Category.color
Vordergrund (Text) Environment.ControlEditHintText

Hinweistext

Hinweistext wird in einem leeren Steuerelement, unterhalb eines Steuerelements oder auf einer leeren Dokumentoberfläche angezeigt, um dem Benutzer anzuzeigen, was als Nächstes zu tun ist. Sie können Hinweistext entweder mit Fenster- oder Steuerelementhintergründe verwenden.

Standardhinweistext

Default hint text
Standardhinweistext

Element Tokenname: Category.color
Vordergrund (Text) Environment.ControlEditHintText

Erforderlicher Hinweistext

Required hint text
Erforderlicher Hinweistext

Element Tokenname: Category.color
Vordergrund (Text) Environment.ControlRequiredHintText
Hintergrund Environment.ControlRequiredBackground

Text des Suchfeld-Steuerelements

Siehe Suchfelder für andere Farbtoken im Zusammenhang mit dem Suchsteuerelement.

Search box control text
Text des Suchfeld-Steuerelements

Element Tokenname: Category.color
Vordergrund (Text) SearchControl.UnfocusedWatermarkText

Der Link ist ein Steuerelement, das nicht über ein Vordergrund-/Hintergrundpaar verfügt. Verwenden Sie in allen Fällen die Vordergrundlinkfarbe, die auf dunklen, grauen und weißen Hintergründen korrekt angezeigt wird. Wenn Sie das Farbtoken für das Hyperlinksteuerelement nicht verwenden, wird die Standardsystemfarbe für "gedrückt" angezeigt, die rot blinkt. Das ist das Signal, dass das Steuerelement nicht das richtige Umgebungsfarbtoken verwendet.

Hyperlink (redline)
Hyperlink (rote Linie)

Verwenden... Verwenden Sie nicht ...
... wenn Sie einen benutzerdefinierten Link erstellen müssen. ... für alles, was kein Link ist.

Hyperlink: Standardstatus

Default hyperlink
Standardlink

Element Tokenname: Category.color
Vordergrund (Text) Environment.PanelHyperlink

Hyperlink: Hoverzustand

Hyperlink on hover
Hyperlink, wenn darauf gezeigt wird

Element Tokenname: Category.color
Vordergrund (Text) Environment.PanelHyperlinkHover

Link: Gedrückter Zustand

Pressed hyperlink
Gedrückter Link

Element Tokenname: Category.color
Vordergrund (Text) Environment.PanelHyperlinkPressed

Link: Deaktivierter Zustand

Disabled hyperlink
Deaktivierter Link

Element Tokenname: Category.color
Vordergrund (Text) Environment.PanelHyperlinkDisabled

Infoleisten

Infoleisten werden verwendet, um weitere Informationen zu einem bestimmten Kontext bereitzustellen. Sie erscheinen immer im oberen Bereich eines Dokument- oder Toolfensters.

Infobar (redline)
Infoleiste (Rote Linie)

Verwenden... Verwenden Sie nicht ...
... beim Erstellen benutzerdefinierter Infoleisten. ... für UI-Elemente, die keiner Infoleiste ähneln.

Infoleiste: Standardstatus

Default infobar
Standardinfoleiste

Element Tokenname: Category.color
Hintergrund InfoBar.InfoBarBackground
Vordergrund (Text) InfoBar.InfoBar
Rahmen InfoBar.InfoBarBorder

Infoleiste Schließen (×)-Schaltfläche: Standardzustand

Default infobar Close (×) button
Schaltfläche "Standardinfoleiste schließen" (×)

Element Tokenname: Category.color
Hintergrund InfoBar.CloseButton
Rahmen InfoBar.CloseButtonBorder
Glyphe InfoBar.CloseButtonGlyph

Infoleiste Schließen (×)-Schaltfläche: Hoverzustand

Infobar Close (×) button on hover
Schaltfläche "Infoleiste schließen" (×) beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund InfoBar.CloseButtonHover
Rahmen InfoBar.CloseButtonHoverBorder
Glyphe InfoBar.CloseButtonHoverGlyph

Schaltfläche "Infoleiste schließen" (×): Gedrückter Zustand

Pressed infobar Close (×) button
Schaltfläche 'Schließen' (×) auf der Infoleiste

Element Tokenname: Category.color
Hintergrund InfoBar.CloseButtonDown
Rahmen InfoBar.CloseButtonDownBorder
Glyphe InfoBar.CloseButtonDownGlyph

Infoleistenlinkschaltfläche: Standardzustand

Default infobar hyperlink button
Standardinfoleistenlinkschaltfläche

Element Tokenname: Category.color
Vordergrund (Text) InfoBar.Hyperlink

Infoleistenlinkschaltfläche: Hoverzustand

Infobar hyperlink button on hover
Schaltfläche "Infoleistenlink" beim Daraufzeigen

Element Tokenname: Category.color
Vordergrund (Text) Infobar.HyperlinkMouseOver
(Mit Unterstreichung)

Infoleistenlinkschaltfläche: Gedrückter Zustand

Pressed infobar hyperlink button
Schaltfläche für gedrückten Infoleistenlink

Element Tokenname: Category.color
Vordergrund (Text) Infobar.HyperlinkMouseDown
(Mit Unterstreichung)

Infoleiste Inlinelink (innerhalb eines Satzes): Standardzustand

Default inline infobar hyperlink button
Standardmäßige Inline-Infoleistenlinkschaltfläche

Element Tokenname: Category.color
Vordergrund (Text) InfoBar.Hyperlink

Inlinelink der Infoleiste (innerhalb eines Satzes): Hoverzustand

Infobar inline hyperlink button on hover
Infoleisten-Inlinelinkschaltfläche beim Daraufzeigen

Element Tokenname: Category.color
Vordergrund (Text) Infobar.HyperlinkMouseOver
(Mit Unterstreichung)

Inlinelink der Infoleiste (innerhalb eines Satzes): Gedrückter Zustand

Pressed infobar inline hyperlink button
Schaltfläche 'Inlinelink' auf der Infoleiste

Element Tokenname: Category.color
Vordergrund (Text) Infobar.HyperlinkMouseDown
(Mit Unterstreichung)

Infoleistenschaltfläche: Standardzustand

Default infobar button
Standardinfoleistenschaltfläche

Element Tokenname: Category.color
Hintergrund InfoBar.Button
Vordergrund (Text) InfoBar.Button
Rahmen InfoBar.ButtonBorder

Infoleistenschaltfläche: Hoverzustand

Infobar button on hover
Schaltfläche "Infoleiste" beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund InfoBar.ButtonMouseOver
Vordergrund (Text) InfoBar.ButtonMouseOver
Rahmen InfoBar.ButtonMouseOverBorder

Infoleistenschaltfläche: Gedrückter Zustand

Pressed infobar button
Schaltfläche 'Infoleiste' gedrückt

Element Tokenname: Category.color
Hintergrund InfoBar.ButtonMouseDown
Vordergrund (Text) InfoBar.ButtonMouseDown
Rahmen InfoBar.ButtonMouseDownBorder

Infoleistenschaltfläche: Deaktivierter Zustand

Disabled infobar button
Schaltfläche 'Deaktivierte Infoleiste'

Element Tokenname: Category.color
Hintergrund InfoBar.ButtonDisabled
Vordergrund (Text) InfoBar.ButtonDisabled
Rahmen InfoBar.ButtonDisabledBorder

Infoleistenschaltfläche: Fokussierter Zustand

Focused infobar button
Schaltfläche "Infoleiste mit Relevanz"

Element Tokenname: Category.color
Hintergrund InfoBar.ButtonFocus
Vordergrund (Text) InfoBar.ButtonFocus
Rahmen InfoBar.ButtonFocusBorder

Bildlaufleisten

Bildlaufleisten werden von der Visual Studio-Umgebung formatiert und müssen nicht designiert werden. Sie können jedoch entscheiden, dass Sie die Farben nutzen möchten, die in Bildlaufleisten verwendet werden, damit Ihre Benutzeroberfläche immer mit diesem Teil der Visual Studio-Umgebung konsistent erscheint.

Scroll bar (redline)
Bildlaufleiste (rote Linie)

Verwenden... Verwenden Sie nicht ...
... Wenn Sie eine Benutzeroberfläche erstellen, die mit Visual Studio-Bildlaufleisten übereinstimmen soll. ... für alle Elemente, die Nicht immer mit der Benutzeroberfläche der Bildlaufleiste übereinstimmen sollen.

Bildlaufleiste: Standardzustand

Default scroll bar
Standard-Bildlaufleiste

Element Tokenname: Category.color
Bildlaufleiste Environment.ScrollBarBackground
Vordergrund (Ziehpunkt) Environment.ScrollBarThumbBackground

Bildlaufleiste: Hoverzustand

Scroll bar on hover
Bildlaufleiste, wenn darauf gezeigt wird

Element Tokenname: Category.color
Bildlaufleiste Environment.ScrollBarBackground
Vordergrund (Ziehpunkt) Environment.ScrollBarThumbMouseOverBackground

Scrollleiste: Gedrückter Zustand*

Pressed scroll bar
Gedrückte Bildlaufleiste

Element Tokenname: Category.color
Bildlaufleiste Environment.ScrollBarBackground
Vordergrund (Ziehpunkt) Environment.ScrollBarThumbPressedBackground

Bildlaufleistenpfeil: Standardzustand

Default scroll bar arrow
Standardmäßiger Bildlaufleistenpfeil

Element Tokenname: Category.color
Hintergrund Environment.ScrollBarArrowBackground
(Auf dieselbe Farbe wie bildlaufleiste festlegen.)
Vordergrund (Glyphe) Environment.ScrollBarArrowGlyph

Scrollleistenpfeil: Hoverzustand

Scroll bar arrow on hover
Bildlaufleiste (Pfeil), wenn darauf gezeigt wird

Element Tokenname: Category.color
Hintergrund Environment.ScrollBarArrowMouseOverBackground
(Auf dieselbe Farbe wie bildlaufleiste festlegen.)
Vordergrund (Glyphe) Environment.ScrollBarArrowGlyphMouseOver

Scrollleistenpfeil: Gedrückter Zustand

Pressed scroll bar arrow
Gedrückter Bildlaufleistenpfeil

Element Tokenname: Category.color
Hintergrund Environment.ScrollBarArrowPressedBackground
(Auf dieselbe Farbe wie bildlaufleiste festlegen.)
Vordergrund (Glyphe) Environment.ScrollBarArrowGlyphPressed

Suchfelder

Verwenden Sie nach Möglichkeit das allgemeine Suchsteuerelement, das von der Visual Studio-Umgebung bereitgestellt wird. Suchfeldfarben befinden sich in der Kategorie "SearchControl" der Datei ShellColors.pkgdef . Diese Datei enthält Tokennamen für Eingabefeld, Aktionsschaltfläche, Dropdown-Schaltfläche und Dropdownmenü.

Ein Suchfeld kann einen von mehreren Zuständen aufweisen, von denen sich einige gegenseitig ausschließen:

  • "Mit Fokus" oder "Ohne Fokus" bezieht sich darauf, ob sich der Cursor im Textfeld befindet oder nicht.

  • "Aktiv" oder "Inaktiv" bezieht sich darauf, ob der Benutzer eine Suchabfrage in das Textfeld eingegeben hat.

  • "Darauf zeigen" bedeutet, dass der Benutzer mit der Maus auf das Suchfeld zeigt (durch diesen Zustand werden alle anderen Zustände überschrieben).

  • "Deaktiviert" bedeutet, dass die Suchfunktion für den aktuellen Kontext deaktiviert ist.

Search box (redline)
Suchfeld (rote Linie)

Verwenden... Verwenden Sie nicht ...
... wenn Sie ein benutzerdefiniertes Suchfeld entwerfen. ... für alles, was kein Suchfeld ist.
... für alle Elemente, die Nicht immer mit der Benutzeroberfläche des Suchfelds übereinstimmen sollen.

Sucheingabefeld mit Relevanz

Focused search input field
Sucheingabefeld mit Relevanz

Element Tokenname: Category.color
Hintergrund SearchControl.FocusedBackground
Vordergrund (Text) SearchControl.FocusedBackground
Rahmen SearchControl.FocusedBorder
Trennzeichen SearchControl.FocusedDropDownSeparator

Nicht fokussiertes, aktives Sucheingabefeld

Search input field unfocused
Nicht fokussiertes, aktives Sucheingabefeld

Element Tokenname: Category.color
Hintergrund SearchControl.SearchActiveBackground
Vordergrund (Text) SearchControl.SearchActiveBackground
Rahmen SearchControl.UnfocusedBorder
Trennzeichen SearchControl.DropDownSeparator

Nicht fokussiertes, inaktives Sucheingabefeld

Unfocused, inactive search input field
Nicht fokussiertes, inaktives Sucheingabefeld

Element Tokenname: Category.color
Hintergrund SearchControl.Unfocused
Vordergrund (Text) SearchControl.Unfocused
Rahmen SearchControl.UnfocusedBorder
Trennzeichen SearchControl.DropDownSeparator

Hervorgehobenes Sucheingabefeld (nur Text)

Highlighted search input field
Hervorgehobenes Sucheingabefeld

Element Tokenname: Category.color
Hintergrund SearchControl.Selection
Vordergrund (Text) SearchControl.FocusedBackground
Rahmen Keine
Trennzeichen SearchControl.FocusedDropDownSeparator

Deaktiviertes Sucheingabefeld

Disabled search input field
Deaktiviertes Sucheingabefeld

Element Tokenname: Category.color
Hintergrund SearchControl.Disabled
Vordergrund (Text) SearchControl.Disabled
Rahmen SearchControl.DisabledBorder
Trennzeichen SearchControl.DropDownSeparator

Interaktive Schaltfläche "Suche mit Relevanz"

Search action button focused
Interaktive Schaltfläche "Suche mit Relevanz"

Element Tokenname: Category.color
Hintergrund Keine
Vordergrund (Glyphe "Suchen") SearchControl.SearchGlyph
Vordergrund (Glyphe "Beenden") SearchControl.StopGlyph
Vordergrund (Glyphe "Löschen") SearchControl.ClearGlyph
Rahmen N/V

Interaktive Schaltfläche "Nicht fokussierte Suche"

Unfocused search action button
Interaktive Schaltfläche "Nicht fokussierte Suche"

Element Tokenname: Category.color
Hintergrund N/V
Vordergrund (Glyphe "Suchen") SearchControl.SearchGlyph
Vordergrund (Glyphe "Beenden") SearchControl.StopGlyph
Vordergrund (Glyphe "Löschen") SearchControl.ClearGlyph
Rahmen N/V

Interaktive Schaltfläche 'Suchen'

Pressed search action button
Interaktive Schaltfläche 'Suchen'

Element Tokenname: Category.color
Hintergrund SearchControl.ActionButtonMouseDown
Vordergrund (Glyphe) SearchControl.ActionButtonMouseDownGlyph
Rahmen SearchControl.ActionButtonMouseDownBorder

Deaktivierte Suchaktionsschaltfläche

Search action button disabled
Deaktivierte Suchaktionsschaltfläche

Element Tokenname: Category.color
Hintergrund Keine
Vordergrund (Glyphe) SearchControl.ActionButtonDisabledGlyph
Rahmen Keine

Dropdownschaltfläche "Suche mit Relevanz"

Focused search drop-down button
Dropdownschaltfläche "Suche mit Relevanz"

Element Tokenname: Category.color
Hintergrund SearchControl.FocusedDropDownButton
Vordergrund (Glyphe) SearchControl.FocusedDropDownButtonGlyph
Rahmen SearchControl.FocusedDropDownButtonBorder

Dropdownschaltfläche "Nicht fokussierte Suche"

Unfocused search drop-down button
Dropdownschaltfläche "Nicht fokussierte Suche"

Element Tokenname: Category.color
Hintergrund SearchControl.UnfocusedDropDownButton
Vordergrund (Glyphe) SearchControl.UnfocusedDropDownButtonGlyph
Rahmen SearchControl.UnfocusedDropDownButtonBorder

Gedrückte Dropdownschaltfläche "Suche"

Pressed search drop-down button
Gedrückte Dropdownschaltfläche "Suche"

Element Tokenname: Category.color
Hintergrund SearchControl.MouseDownDropDownButton
Vordergrund (Glyphe) SearchControl.MouseDownDropDownButtonGlyph
Rahmen SearchControl.MouseDownDropDownButtonBorder

Deaktivierte Dropdownschaltfläche "Suche"

Disabled search drop-down button
Deaktivierte Dropdownschaltfläche "Suche"

Element Tokenname: Category.color
Hintergrund Keine
Vordergrund (Glyphe) SearchControl.DisabledDownButtonGlyph
Rahmen Keine

Dropdownlisten im Suchfeld

Das Dropdownmenü des Suchfelds hat das Potenzial, etwas komplexer zu sein als andere Dropdownmenüs in Visual Studio. Die Abschnitte "Vorgeschlagene Suchvorgänge" und "Suchoptionen" können allein oder zusammen im Menü angezeigt werden, und jede wird separat gefärbt. Die beiden Bereiche werden außerdem durch eine Linie getrennt, wenn sie zusammen auftreten, und das gesamte Dropdownmenü ist von einem Rahmen umgeben.

Search drop-down list (redline)
Dropdownliste suchen (rote Linie)

Verwenden... Verwenden Sie nicht ...
... wenn Sie eine benutzerdefinierte Such-Dropdownliste erstellen. ... für Dropdownlisten, die in anderen Kontexten angezeigt werden.
... die richtigen Tokennamen für die richtigen Listenkomponenten. ... in einer anderen Hintergrund-/Vordergrund-Kombination als angegeben.

Dropdownlistenelemente suchen

Element Tokenname: Category.color
Rahmen SearchControl.PopupBorder
Trennzeichen SearchControl.PopupSectionHeaderSeparator
Shadow Environment.DropShadowBackground

Vorgeschlagene Suchvorgänge: Standardstatus

Default suggested searches
Vorgeschlagene Standardsuchen

Element Tokenname: Category.color
Hintergrund SearchControl.PopupItemsListBackgroundGradientBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) SearchControl.PopupItemText

Vorgeschlagene Suchvorgänge: Hoverzustand

Suggested searches on hover
Vorgeschlagene Suchvorgänge beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund SearchControl.PopupControlMouseOverBackgroundGradientBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) SearchControl.PopupMouseOverItemText
Rahmen SearchControl.PopupControlMouseOverBorder

Suchoptionen: Standardstatus

Search check box
Standardmäßige Suchoptionen (Kontrollkästchen)

Search options
Standardmäßige Suchoptionen (Link)

Element Tokenname: Category.color
Hintergrund SearchControl.PopupSectionBackgroundGradientBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Kontrollkästchentext) SearchControl.PopupCheckboxText
Vordergrund (Linktext) SearchControl.PopupButtonText
Headerhintergrund SearchControl.PopupSectionHeaderGradientBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Headertext) SearchControl.PopupSectionHeaderText

Suchoptionen: Hoverzustand

Search options (check box) on hover
Suchoptionen (Kontrollkästchen) beim Daraufzeigen

Search options (link) on hover
Suchoptionen (Link) beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund SearchControl.PopupControlMouseOverBackgroundGradientBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Kontrollkästchentext) SearchControl.PopupCheckboxMouseDownText
Vordergrund (Linktext) SearchControl.PopupButtonMouseDownText
Rahmen SearchControl.PopupControlMouseOverBorder

Suchoptionen: Gedrückter Zustand

Pressed search options (check box)
Gedrückte Suchoptionen (Kontrollkästchen)

Pressed search options (link)
Gedrückte Suchoptionen (Link)

Element Tokenname: Category.color
Kontrollkästchen-Hintergrund SearchControl.PopupControlMouseDownBackgroundGradientBegin
SearchControl.PopupControlMouseDownBackgroundGradientEnd
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Kontrollkästchentext) SearchControl.PopupCheckboxMouseDownText
Linkhintergrund SearchControl.PopupButtonMouseDownBackgroundGradientBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Linktext) SearchControl.PopupButtonMouseDownText

Strukturansichten

Mehrere Toolfenster, einschließlich der Projektmappen-Explorer, des Server-Explorers und der Klassenansicht, implementieren ein hierarchisches Organisationsschema, dessen Farben durch Farbnamen in der TreeView Kategorie gesteuert werden. Alle Elemente in einer Strukturansicht haben Hintergrund- und Textfarben. Elemente mit geschachtelten untergeordneten Elementen verfügen außerdem über Glyphen, die anzeigen, ob das Element erweitert oder reduziert ist.

Tree view (redline)
Strukturansicht (Rotlinie)

Verwenden... Verwenden Sie nicht ...
... überall, wo Sie eine hierarchische Organisationsansicht implementieren müssen. ... für alle Elemente, die keiner Strukturansicht ähneln.
... in einer anderen Hintergrund-/Vordergrund-Kombination als angegeben.

Strukturansichtselement: Standardstatus

Default tree view item
Standardstrukturansichtselement

Element Tokenname: Category.color
Hintergrund TreeView.Background
Vordergrund (Text) TreeView.Background
Vordergrund (Glyphe) TreeView.Glyph
Rahmen Keine

Strukturansichtselement: Hoverzustand

Tree view item on hover
Strukturansichtselement beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund TreeView.Background
Vordergrund (Text) TreeView.Background
Vordergrund (Glyphe) TreeView.GlyphMouseOver
Rahmen Keine

Strukturansichtselement: Über den Zustand ziehen

Tree view item on drag over
Element der Strukturansicht beim Ziehen über

Element Tokenname: Category.color
Hintergrund TreeView.DragOverItem
Vordergrund (Text) TreeView.DragOverItem
Vordergrund (Glyphe) TreeView.DragOverItemGlyph
Rahmen Keine

Strukturansichtselement: ausgewählter, fokussierter Zustand

Selected and focused tree view item
Ausgewähltes und fokussiertes Strukturansichtselement

Element Tokenname: Category.color
Hintergrund TreeView.SelectedItemActive
Vordergrund (Text) TreeView.SelectedItemActive
Vordergrund (Glyphe) TreeView.SelectedItemActiveGlyph
Rahmen TreeView.FocusVisualBorder

Strukturansichtselement: ausgewählter, nicht fokussierter Zustand

Selected and unfocused tree view item
Ausgewähltes und nicht fokussiertes Strukturansichtselement

Element Tokenname: Category.color
Hintergrund TreeView.SelectedItemInactive
Vordergrund (Text) TreeView.SelectedItemInactive
Vordergrund (Glyphe) TreeView.SelectedItemInactiveGlyph
Rahmen Keine

Strukturansichtselement: Hovered, selected, and focused state

Selected and focused tree view item on hover
Ausgewähltes und fokussiertes Strukturansichtselement beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund TreeView.SelectedItemActive
Vordergrund (Text) TreeView.SelectedItemActive
Vordergrund (Glyphe) TreeView.SelectedItemActiveGlyphMouseOver
Rahmen TreeView.FocusVisualBorder

Strukturansichtselement: Hovered, selected, and unfocused state

Selected and unfocused tree view item on hover
Ausgewähltes und nicht fokussiertes Strukturansichtselement beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund TreeView.SelectedItemInactive
Vordergrund (Text) TreeView.SelectedItemInactive
Vordergrund (Glyphe) TreeView.SelectedItemActiveGlyphMouseOver
Rahmen Keine

Shell-Darstellung

Hintergrund

Der Umgebungshintergrund setzt sich aus zwei Ebenen zusammen. Die untere Ebene ist eine Volltonfarbe, die die gesamte IDE abdeckt. Die obere Ebene befindet sich unterhalb der Befehlsablage und zwischen den automatisch ausgeblendeten Kanälen des Toolfensters am linken und rechten Rand der IDE. Die oberen und unteren Hintergrundebenen werden in den Designs "Hell" und "Dunkel" auf die gleiche Farbe festgelegt.

Visual Studio shell background (redline)
Hintergrund der Visual Studio-Shell (Rotlinie)

Verwenden... Verwenden Sie nicht ...
... für Orte, an denen Sie mit dem Hintergrund der Visual Studio-Umgebung übereinstimmen möchten. ... als Füllung für Stellen, die keine Hintergrundoberflächen sind.
... als Hintergrund, um Vordergrundelemente zu platzieren.

Darstellung der unteren Ebenenshell

Element Tokenname: Category.color
Hintergrund Environment.EnvironmentBackground

Darstellung der oberschichtigen Shell

Im hellen und dunklen Design von Visual Studio 2013 auf denselben Farbwert festgelegte Farbverlaufsstopps

Element Tokenname: Category.color
Hintergrund Environment.EnvironmentBackgroundGradientBegin
Environment.EnvironmentBackgroundGradientEnd
Environment.EnvironmentBackgroundGradientMiddle1
Environment.EnvironmentBackgroundGradientMiddle2

Befehlsablage

Für die Hintergründe der Befehlsablage werden zwei Sätze von Tokennamen verwendet: einer für die Position der Menüleiste und der andere für die Position der Befehlsleisten. Eine einzelne Befehlszeilengruppe verfügt über eigene Hintergrund-Farbwerte, die im Abschnitt "Befehlsleiste" ausführlicher erörtert werden. Menü- und Befehlsleistentext wird in den entsprechenden Abschnitten zur Menü- und Befehlsleiste erörtert.

Visual Studio command shelf (redline)
Visual Studio-Befehlsregal (rote Linie)

Verwenden... Verwenden Sie nicht ...
... für Bereiche, in denen Sie Menüs oder Symbolleisten platzieren. ... für Bereiche, die keinem Befehlsregal ähneln.
... mit der richtigen Kombination aus Hintergrund-/Vordergrundtokennamen.

Menüleiste des Befehlsregals

Im hellen und dunklen Design von Visual Studio 2013 auf denselben Farbwert festgelegte Farbverlaufsstopps

Element Tokenname: Category.color
Hintergrund Environment.CommandShelfHighlightGradientBegin

Environment.CommandShelfHighlightGradientMiddle
Environment.CommandShelfHighlightGradientEnd

Befehlsleiste für Befehlsregal

Im hellen und dunklen Design von Visual Studio 2013 auf denselben Farbwert festgelegte Farbverlaufsstopps

Element Tokenname: Category.color
Hintergrund Environment.CommandShelfBackgroundGradientBegin
Environment.CommandShelfBackgroundGradientMiddle
Environment.CommandShelfBackgroundGradientEnd

Manifest-Designer

Der Manifest-Designer dient dazu, die Bearbeitung der Manifestdatei in Windows 8- und Windows Phone 8-Projekten zu vereinfachen. Obwohl es kein gemeinsames Framework gibt, kann es von Vorteil sein, das Entwurfslayout und die Farben von Ausrichtungs-/Navigationsregisterkarten und Gesamtstruktur aufeinander abzustimmen. Weitere Informationen zu Layoutdetails finden Sie unter Layout for Visual Studio.

Manifest Designer (redline)
Manifest-Designer (Redline)

Verwenden... Verwenden Sie nicht ...
... für Designer, die dem Manifest-Designer ähneln. ... wenn Sie mehr als sechs Registerkarten haben.
... anstelle gängiger Registerkartensteuerelemente am oberen Rand eines Editors im Dokument gut zu verwenden. ... für jede Benutzeroberfläche, die nicht wie der Manifest-Designer strukturiert ist.

Ausgewählte Registerkarte des Manifest-Designers: Standardzustand

Element Tokenname: Category.color
Hintergrund ManifestDesigner.TabActive
Rahmen Keine

Ausgewählter Beschreibungsbereich des Manifest-Designers: Standardzustand

Element Tokenname: Category.color
Hintergrund ManifestDesigner.DescriptionPane

Ausgewählte Inhaltsseite des Manifest-Designers: Standardstatus

Element Tokenname: Category.color
Hintergrund ManifestDesigner.Background
Dialogfeld-Hilfetext ManifestDesigner.WatermarkText
(Dieser Tokenname stimmt nicht mit seiner Funktion überein.)

Registerkarte "Manifest-Designer": Nicht ausgewählter Zustand

Element Tokenname: Category.color
Hintergrund ManifestDesigner.Tab.Inactive

Registerkarte "Manifest-Designer": Hoverzustand

Element Tokenname: Category.color
Hintergrund ManifestDesigner.Tab.Mouseover

Befehlsstrukturen

Menüs

Menüs können an mehreren Stellen in Visual Studio auftreten: die Standard Menüleiste, eingebettet in Dokument- oder Toolfenster oder klicken Sie mit der rechten Maustaste auf verschiedene Speicherorte innerhalb der IDE. Die Implementierungen von Menüs, die anderen Benutzeroberflächenelementen zugeordnet sind, werden im Abschnitt des entsprechenden Elements erläutert. Sie sollten immer die von der Visual Studio-Umgebung bereitgestellte Standardmenüimplementierung verwenden. In einigen seltenen Fällen haben Sie jedoch möglicherweise keinen Zugriff auf die Visual Studio-Standardmenüs. Verwenden Sie in diesen Situationen die folgenden Tokennamen, um sicherzustellen, dass die Benutzeroberfläche mit anderen Menüs in Visual Studio konsistent ist.

Visual Studio menu (redline)
Visual Studio-Menü (Rote Linie)

Verwenden... Verwenden Sie nicht ...
... wenn Sie ein benutzerdefiniertes Menü erstellen müssen. ... die Hintergrundfarbe allein. Verwenden Sie immer die angegebene Kombination aus Hintergrund-/Vordergrundfarbe.
... wenn Sie über eine neue UI-Komponente verfügen, die mit den Visual Studio-Menüs übereinstimmen soll.

Menütitel bestehen aus einem Hintergrund, einem Rahmen und dem Titeltext sowie einer optionalen Glyphe, die normalerweise für Menüs in einer Befehlsleiste verwendet wird.

Menu title (redline)
Menütitel (rote Linie)

Verwenden... Verwenden Sie nicht ...
... wann immer Sie einen benutzerdefinierten Menütitel erstellen. ... für alle Elemente, die Sie nicht immer mit dem Menütitel übereinstimmen möchten.
... in einer anderen Hintergrund-/Vordergrund-Kombination als angegeben.

Menütitel: Standardzustand

Default menu title
Standardmenütitel

Default menu title with glyph
Standardmenütitel mit Glyphe

Element Tokenname: Category.color
Hintergrund Keine
Vordergrund (Text) Environment.CommandBarTextActive
Vordergrund (Glyphe) Environment.CommandBarMenuGlyph
Rahmen Keine

Menütitel: Hoverzustand

Menu title on hover
Menütitel, wenn darauf gezeigt wird

Menu title with glyph on hover
Menütitel mit Glyphe, wenn darauf gezeigt wird

Element Tokenname: Category.color
Hintergrund Environment.CommandBarMouseOverBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.CommandBarTextHover
Vordergrund (Glyphe) Environment.CommandBarMenuMouseOverGlyph
Rahmen Environment.CommandBarBorder

Menütitel: Gedrückter Zustand

Pressed menu title
Gedrückter Menütitel

Pressed menu title with glyph
Gedrückter Menütitel mit Glyphe

Element Tokenname: Category.color
Hintergrund Environment.CommandBarMenuBackgroundGradientBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.CommandBarTextActive
Vordergrund (Glyphe) Environment.CommandBarMenuMouseDownGlyph
Rahmen Environment.CommandBarMenuBorder
(Nur links, oben und rechts.)

Menütitel: Deaktivierter Zustand

Disabled menu title with glyph
Deaktivierter Menütitel mit Glyphe

Element Tokenname: Category.color
Hintergrund Keine
Vordergrund (Text) Environment.CommandBarTextInactive
Vordergrund (Glyphe) Environment.CommandBarTextInactive
Rahmen Keine

Ein einzelnes Menüelement besteht aus dem Menütext und optional einem Symbol, einem Kontrollkästchen oder einer Untermenü-Glyphe. Hintergrund- und Textfarbe ändern sich, wenn Sie darauf zeigen. Dieses Farbtoken ist eine Kombination aus Hintergrund-/Vordergrundfarbe.

Menu items redline

Verwenden... Verwenden Sie nicht ...
... für jede Dropdownliste, die über eine Menüleiste oder Befehlsleiste gestartet wird. ... für jede Dropdownliste in einem anderen Kontext.
... in einer anderen Hintergrund-/Vordergrund-Kombination als angegeben.

Menüelemente: Standardstatus

Default menu items
Standardmenüelemente

Element Tokenname: Category.color
Hintergrund Environment.CommandBarMenuBackgroundGradientBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.CommandBarTextActive
Vordergrund (Untermenü-Glyphe) Environment.CommandBarMenuSubmenuGlyph
Rahmen Environment.CommandBarMenuBorder
Symbolkanal-Hintergrund Environment.CommandBarMenuIconBackground
Trennzeichen Environment.CommandBarMenuSeparator
Shadow Environment.DropShadowBackground

Menüelemente: aktivierte und ausgewählte Zustände

Menu checked
Aktiviertes Menüelement

Menu selected
Ausgewähltes Menüelement

Element Tokenname: Category.color
Häkchen Environment.CommandBarCheckBox
Häkchenhintergrund Environment.CommandBarSelectedIcon
Symbolhintergrund Environment.CommandBarSelected
Symbolrahmen Environment.CommandBarSelectedBorder

Menüelemente: Hoverzustand

Menu hover
Menüelement beim Daraufzeigen

Menu hover checked
Aktiviertes Menüelement beim Daraufzeigen

Menu hover selected
Ausgewähltes Menüelement beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Environment.CommandBarMenuItemMouseOver
Vordergrund (Text) Environment.CommandBarMenuItemMouseOverText
Vordergrund (Untermenü-Glyphe) Environment.CommandBarMenuMouseOverSubmenuGlyph
Häkchen Environment.CommandBarCheckBoxMouseOver
Häkchenhintergrund Environment.CommandBarHoverOverSelectedIcon
Symbolhintergrund Environment.CommandBarHoverOverSelected
Symbolrahmen Environment.CommandBarHoverOverSelectedIconBorder

Menüelemente: Deaktivierter Zustand

Menu disabled
Deaktiviertes Menüelement

Menu disabled checked
Deaktiviertes Menüelement mit Häkchen

Element Tokenname: Category.color
Vordergrund (Text) Environment.CommandBarTextInactive
Vordergrund (Untermenü-Glyphe) Environment.CommandBarMenuSubmenuGlyph
Häkchen Environment.CommandBarCheckBoxDisabled
Häkchenhintergrund Environment.CommandBarSelectedIconDisabled

Befehlsleisten

Eine Befehlsleiste kann an mehreren Stellen innerhalb der Visual Studio-IDE angezeigt werden, vor allem das Befehlsregal und eingebettet in Tool- oder Dokumentfenster.

Generell sollte die von der Visual Studio-Umgebung bereitgestellte Befehlsleisten-Standardimplementierung verwendet werden. Der Standardmechanismus stellt sicher, dass alle visuellen Details ordnungsgemäß angezeigt werden und sich interaktive Elemente konsistent mit anderen Steuerelementen der Visual Studio-Befehlsleiste verhalten. Wenn Sie jedoch eine eigene Befehlsleiste erstellen müssen, ist darauf zu achten, sie anhand der folgenden Tokennamen passend zu gestalten.

Command bar redline
Befehlsleiste (rote Linie)

Overflow button redline
Schaltfläche "Überlauf" (Rote Linie)

Verwenden... Verwenden Sie nicht ...
... an Stellen, an denen Sie eine eingebettete Befehlsleiste benötigen, aber die standardmäßige Visual Studio-Befehlsleistenimplementierung nicht verwenden können. ... für UI-Elemente, die keiner Befehlsleiste ähneln.
... für andere Komponenten der Befehlsleiste als denen, für die Tokennamen angegeben werden.

Befehlsleistengruppen

Eine Befehlsleistengruppe besteht aus einer Gruppe verwandter Befehlsleisten-Steuerelemente und kann eine beliebige Anzahl von Schaltflächen, unterteilten Schaltflächen, Dropdownmenüs, Kombinationsfeldern oder Menüs enthalten. Die Farben dieser Steuerelemente lassen sich anhand separater Tokennamen unterscheiden und werden an anderer Stelle in dieser Anleitung einzeln erörtert. Eine Trennlinie wird verwendet, um eine Befehlsleistengruppe in verwandte Untergruppen aufzuteilen.

Command bar group redline
Befehlsleistengruppe (rote Linie)

Verwenden... Verwenden Sie nicht ...
... an Stellen, an denen Sie eine eingebettete Befehlsleiste benötigen, aber die standardmäßige Visual Studio-Befehlsleistenimplementierung nicht verwenden können. ... für UI-Elemente, die keiner Befehlsleiste ähneln.
... für andere Komponenten der Befehlsleiste als denen, für die Tokennamen angegeben werden.

Befehlsleistengruppe: Standardzustand

Element Tokenname: Category.color
Hintergrund Environment.CommandBarGradientBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Rahmen Environment.CommandBarToolBarBorder
Ziehpunkt Environment.CommandBarDragHandle
Trennzeichen Environment.CommandBarToolBarSeparator
Environment.CommandBarToolBarSeparatorHighlight

Befehlssymbole

Command icon redline
Befehlssymbol (rote Linie)

Command icon with text redline
Befehlssymbol mit Text (rote Linie)

Verwenden... Verwenden Sie nicht ...
... für alle Schaltflächen, die auf einer Befehlsleiste platziert werden. ... für Steuerelemente mit eigenen Tokennamen.
... in einer anderen Hintergrund-/Vordergrund-Kombination als angegeben.

Befehlssymbol: Standardstatus

Command icon default
Standardbefehlssymbol

Element Tokenname: Category.color
Hintergrund N/V (erbt vom Befehlsleisten-Hintergrund)
Vordergrund (Text) Environment.CommandBarTextActive
Rahmen N/V

Befehlssymbol: Standardzustand, ausgewählt

Default, selected command icon
Standardsymbol für ausgewählte Befehle

Element Tokenname: Category.color
Hintergrund Environment.CommandBarSelected
Vordergrund (Text) Environment.CommandBarTextSelected
Rahmen Environment.CommandBarSelectedBorder

Befehlssymbol: Hover- oder Fokusstatus

Command icon on hover or focus
Befehlssymbol beim Daraufzeigen oder Fokus

Element Tokenname: Category.color
Hintergrund Environment.CommandBarMouseOverBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.CommandBarTextHover
Rahmen Environment.CommandBarBorder

Befehlssymbol: Zeigen oder Fokuszustände, ausgewählt

Selected command icon on hover or focus
Ausgewähltes Befehlssymbol beim Daraufzeigen oder Fokus

Element Tokenname: Category.color
Hintergrund Environment.CommandBarHoverOverSelected
Vordergrund (Text) Environment.CommandBarTextHoverOverSelected
Rahmen Environment.CommandBarHoverOverSelectedIconBorder

Befehlssymbol: Gedrückter Zustand

Pressed command icon
Gedrücktes Befehlssymbol

Element Tokenname: Category.color
Hintergrund Environment.CommandBarMouseDownBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.CommandBarTextMouseDown
Rahmen Environment.CommandBarBorder

Befehlssymbol: Deaktivierter Zustand

Disabled command icon
Deaktiviertes Befehlssymbol

Element Tokenname: Category.color
Hintergrund N/V (erbt vom Befehlsleisten-Hintergrund)
Vordergrund (Text) Environment.CommandBarTextInactive
Rahmen N/V

Kombinationsfelder für Befehlsleisten

Wichtig

Kombinationsfelder ähneln Dropdowns, enthalten im Unterschied dazu jedoch einen bearbeitbaren Textbereich. Wenn Ihre Dropdownliste keinen bearbeitbaren Textbereich enthält, verwenden Sie die Farbtoken für Dropdownlisten der Befehlsleiste.

Command bar combo box redline
Kombinationsfeld der Befehlsleiste (rote Linie)

Verwenden... Verwenden Sie nicht ...
... beim Erstellen benutzerdefinierter Kombinationsfelder. ... für alles, was Sie nicht immer mit der Befehlsleisten-UI übereinstimmen möchten.
... beim Erstellen eines Befehlsleisten-Steuerelements, das einem Kombinationsfeld ähnelt. ... wenn Sie Zugriff auf ein formatiertes Kombinationsfeld haben.

Eingabefeld des Befehlsleisten-Kombinationsfelds: Standardzustand

Command bar combo box input field
Eingabefeld für Befehlsleisten-Kombinationsfeld

Element Tokenname: Category.color
Hintergrund Environment.ComboBoxBackground
Vordergrund (Text) Environment.ComboBoxText
Rahmen Environment.ComboBoxBorder
Trennzeichen Kein Trennzeichen

Dropdownschaltfläche der Befehlsleiste: Standardzustand

Combo box drop-down button
Dropdownschaltfläche der Befehlsleiste

Element Tokenname: Category.color
Hintergrund N/V (erbt vom Befehlsleisten-Hintergrund)
Vordergrund (Glyphe) Environment.ComboBoxGlyph

Dropdownliste der Befehlsleiste: Standardstatus

Command bar drop-down list
Dropdownliste der Befehlsleiste

Element Tokenname: Category.color
Hintergrund Environment.ComboBoxPopupBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.ComboBoxItemText
Rahmen Environment.ComboBoxPopupBorder

Eingabefeld des Befehlsleisten-Kombinationsfelds: Hoverzustand

Command bar combo box input field on hover
Eingabefeld des Befehlsleisten-Kombinationsfelds beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Environment.ComboBoxMouseOverBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.ComboBoxMouseOverText
Rahmen Environment.ComboBoxMouseOverBorder
Trennzeichen Environment.ComboBoxMouseOverSeparator

Dropdownschaltfläche der Befehlsleiste: Hoverzustand

Command bar combo box drop-down button on hover
Dropdownschaltfläche der Befehlsleiste beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Environment.ComboBoxButtonMouseOverBackground
Vordergrund (Glyphe) Environment.ComboBoxMouseOverGlyph

Dropdownliste der Befehlsleiste: Hoverzustand

Command bar combo box drop-down list on hover
Dropdownliste der Befehlsleiste beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund (Menüelement) Environment.ComboBoxItemMouseOverBackground
Vordergrund (Text) Environment.ComboBoxItemMouseOverText
Rahmen (Menüelement) Environment.ComboBoxItemMouseOverBorder

Eingabefeld des Befehlsleisten-Kombinationsfelds: Fokussierter Zustand

Focused command bar combo box input field
Kombinationsfeldeingabefeld 'Relevanter Befehlsleiste'

Element Tokenname: Category.color
Hintergrund Environment.ComboBoxFocusedBackground
Vordergrund (Text) Environment.ComboBoxFocusedText
Rahmen Environment.ComboBoxFocusedBorder
Trennzeichen Environment.ComboBoxFocusedButtonSeparator

Dropdownschaltfläche der Befehlsleiste: Fokussierter Zustand

Focused command bar drop-down button
Dropdownschaltfläche für die Befehlsleiste mit Relevanz

Element Tokenname: Category.color
Hintergrund Environment.ComboBoxFocusedButtonBackground
Vordergrund (Glyphe) Environment.ComboBoxFocusedGlyph

Eingabefeld des Befehlsleisten-Kombinationsfelds: Gedrückter Zustand

Pressed command bar combo box input field
Eingabefeld für gedrückte Befehlsleisten-Eingabefeld

Element Tokenname: Category.color
Hintergrund Environment.ComboBoxMouseDownBackground
Vordergrund (Text) Environment.ComboBoxMouseDownText
Rahmen Environment.ComboBoxMouseDownBorder
Trennzeichen Environment.ComboBoxMouseDownSeparator

Dropdownschaltfläche der Befehlsleiste: Gedrückter Zustand

Pressed command bar combo box drop-down button
Dropdownschaltfläche für gedrückte Befehlsleiste

Element Tokenname: Category.color
Hintergrund Environment.ComboBoxButtonMouseDownBackground
Vordergrund (Glyphe) Environment.ComboBoxMouseDownGlyph

Eingabefeld für Befehlsleisten-Kombinationsfeld: Deaktivierter Zustand

Disabled command bar combo box input field
Deaktiviertes Befehlsleisten-Kombinationsfeld-Eingabefeld

Element Tokenname: Category.color
Hintergrund Environment.ComboBoxDisabledBackground
Vordergrund (Text) Environment.ComboBoxDisabledText
Rahmen Environment.ComboBoxDisabledBorder
Trennzeichen Kein Trennzeichen

Dropdownschaltfläche der Befehlsleiste: Deaktivierter Zustand

Disabled command bar combo box drop-down button
Deaktivierte Befehlsleisten-Dropdownschaltfläche

Element Tokenname: Category.color
Hintergrund Keine
Vordergrund (Glyphe) Environment.ComboBoxDisabledGlyph

Dropdownlisten der Befehlsleiste

Wichtig

Dropdowns ähneln Kombinationsfeldern, enthalten im Unterschied dazu jedoch keinen bearbeitbaren Textbereich. Wenn Ihre Dropdownliste einen bearbeitbaren Textbereich enthält, verwenden Sie die Farbtoken für Befehlsleisten-Kombinationsfelder.

Command bar drop-down (redline)
Dropdownliste der Befehlsleiste (rote Linie)

Verwenden... Verwenden Sie nicht ...
... wenn Sie benutzerdefinierte Dropdownlistensteuerelemente erstellen. ... für alle Elemente, die keiner Dropdownliste ähneln.
... für Kombinationsfelder oder geteilte Schaltflächen.

Dropdownauswahlfeld der Befehlsleiste: Standardzustand

Default command bar drop-down selection field
Dropdownfeld der Standardbefehlsleiste

Element Tokenname: Category.color
Hintergrund Environment.DropDownBackground
Vordergrund (Text) DropDownText
Rahmen DropDownBorder
Trennzeichen Kein Trennzeichen

Dropdownschaltfläche der Befehlsleiste: Standardzustand

Default command bar drop-down button
Dropdownschaltfläche der Standardbefehlsleiste

Element Tokenname: Category.color
Hintergrund Keine
Vordergrund (Glyphe) Environment.DropDownGlyph

Dropdownliste der Befehlsleiste: Standardstatus

Default command bar drop-down list
Dropdownliste der Standardbefehlsleiste

Element Tokenname: Category.color
Hintergrund Environment.DropDownPopupBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.ComboBoxItemText
Rahmen Environment.DropDownPopupBorder
Shadow Environment.DropShadowBackground

Dropdownauswahlfeld der Befehlsleiste: Hoverzustand

Command bar drop-down selection field on hover
Dropdownauswahlfeld der Befehlsleiste beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Environment.DropDownMouseOverBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.DropDownMouseOverText
Rahmen Environment.DropDownMouseOverBorder
Trennzeichen Environment.DropDownButtonMouseOverSeparator

Dropdownschaltfläche der Befehlsleiste: Hoverzustand

Command bar drop-down button on hover
Dropdownschaltfläche der Befehlsleiste beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Environment.DropDownButtonMouseOverBackground
Vordergrund (Glyphe) Environment.DropDownMouseOverGlyph

Dropdownliste der Befehlsleiste: Hoverzustand

Command bar drop-down list on hover
Dropdownliste der Befehlsleiste beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund (Menüelement) Environment.ComboBoxItemMouseOverBackground
Vordergrund (Text) Environment.ComboBoxItemMouseOverText
Rahmen (Menüelement) Environment.ComboBoxItemMouseOverBorder

Dropdownauswahlfeld der Befehlsleiste: Gedrückter Zustand

Drop-down selection field pressed
Dropdown-Auswahlfeld der Befehlsleiste gedrückt

Element Tokenname: Category.color
Hintergrund Environment.DropDownMouseDownBackground
Vordergrund (Text) Environment.DropDownMouseDownText
Rahmen Environment.DropDownMouseDownBorder
Trennzeichen Environment.DropDownButtonMouseDownSeparator

Dropdownschaltfläche der Befehlsleiste: Gedrückter Zustand

Pressed command bar drop-down button
Dropdownschaltfläche für gedrückte Befehlsleiste

Element Tokenname: Category.color
Hintergrund Environment.DropDownButtonMouseDownBackground
Vordergrund (Glyphe) Environment.DropDownMouseDownGlyph

Dropdownauswahlfeld der Befehlsleiste: Deaktivierter Zustand

Disabled command bar drop-down selection field
Dropdownfeld 'Deaktivierte Befehlsleiste'

Element Tokenname: Category.color
Hintergrund Environment.DropDownDisabledBackground
Vordergrund (Text) Environment.DropDownDisabledText
Rahmen Environment.DropDownDisabledBorder
Trennzeichen Kein Trennzeichen

Dropdownschaltfläche der Befehlsleiste: Deaktivierter Zustand

Disabled command bar drop-down button
Deaktivierte Befehlsleisten-Dropdownschaltfläche

Element Tokenname: Category.color
Hintergrund N/V
Vordergrund (Glyphe) Environment.DropDownDisabledGlyph

Geteilte Befehlsleistenschaltflächen

Unterteilte Schaltflächen haben viele Tokennamen gemeinsam mit anderen Befehlsleisten-Steuerelementen wie Schaltflächen, Menüs und Befehlsleistentext. Alle erforderlichen Tokennamen für Aktions- und Dropdownschaltflächen werden hier wiederholt. Dropdownlisten für geteilte Schaltflächen sind Implementierungen von Befehlsleistenmenüs.

Split button redline
Geteilte Befehlsleistenschaltfläche (rote Linie)

Verwenden... Verwenden Sie nicht ...
... wenn Sie eine benutzerdefinierte geteilte Schaltfläche erstellen. ... für andere Arten von Schaltflächen.
... in einer anderen Hintergrund-/Vordergrund-Kombination als angegeben.

Geteilte Befehlsleistenschaltfläche: Standardzustand

Default command bar split button
Standardschaltfläche für die Geteilte Befehlsleiste

Element Tokenname: Category.color
Hintergrund Keine
Vordergrund (Text) Environment.CommandBarTextActive
Vordergrund (Glyphe) Environment.CommandBarSplitButtonGlyph
Rahmen N/V
Trennzeichen N/V

Geteilte Befehlsleistenschaltfläche: Hoverzustand

Command bar split button on hover
Geteilte Befehlsleistenschaltfläche beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Environment.CommandBarMouseOverBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.CommandBarTextHover
Vordergrund (Glyphe) Environment.CommandBarSplitButtonMouseOverGlyph
Rahmen Environment.CommandBarBorder
Trennzeichen Environment.CommandBarSplitButtonSeparator

Geteilte Befehlsleistenschaltfläche: Gedrückter Zustand

Pressed command bar split button
Geteilte Befehlsleistenschaltfläche

Element Tokenname: Category.color
Hintergrund Environment.CommandBarMouseDownBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.CommandBarTextMouseDown
Vordergrund (Glyphe) Environment.CommandBarSplitButtonMouseDownGlyph
Rahmen Environment.CommandBarBorder
Trennzeichen N/V

Geteilte Befehlsleistenschaltfläche: Deaktivierter Zustand

Disabled command bar split button
Deaktivierte Befehlsleisten-Geteilte Schaltfläche

Element Tokenname: Category.color
Hintergrund N/V
Vordergrund (Text) Environment.ComboBoxItemTextInactive
Vordergrund (Glyphe) Environment.CommandBarTextInactive
Rahmen N/V
Trennzeichen N/V

Befehlsleiste 'Weitere Optionen' und Schaltflächen 'Überlauf'

Die Schaltfläche "Weitere Optionen" wird verwendet, wenn eine Befehlsleistengruppe angepasst werden kann, indem verwandte Befehlsleistenschaltflächen hinzugefügt oder entfernt werden. Die Schaltfläche "Überlauf" wird angezeigt, wenn eine Befehlsleiste aus Platzgründen in horizontaler Richtung abgeschnitten ist. Beim Klicken auf die Schaltfläche wird ein Menü mit den nicht angezeigten Befehlsleisten-Schaltflächen eingeblendet. Die Farben dieser beiden Schaltflächen werden über dieselbe Gruppe von Tokennamen gesteuert.

Command bar 'More options' button (redline)
Befehlsleistenschaltfläche "Weitere Optionen" (rote Linie)

Verwenden... Verwenden Sie nicht ...
... für benutzerdefinierte Schaltflächen "Weitere Optionen" oder "Überlauf". ... für Schaltflächen, die keine ähnliche Funktionalität wie eine Schaltfläche "Weitere Optionen" oder "Überlauf" aufweisen.

Befehlsleiste 'Weitere Optionen' und Schaltflächen 'Überlauf': Standardzustand

Default command bar 'More options' button
Schaltfläche 'Weitere Optionen' in der Standardbefehlsleiste

Default command bar 'Overflow' button
Standardbefehlsleiste 'Überlauf'-Schaltfläche

Element Tokenname: Category.color
Hintergrund Environment.CommandBarOptionsBackground
Vordergrund (Glyphe) Environment.CommandBarOptionsGlyph

Befehlsleiste 'Weitere Optionen' und Schaltflächen 'Überlauf': Hoverzustand

Command bar 'More options' button on hover
Befehlsleiste 'Weitere Optionen' beim Daraufzeigen

Command bar 'Overflow' button on hover
Befehlsleiste 'Überlauf'-Schaltfläche beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Environment.CommandBarOptionsMouseOverBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Glyphe) Environment.CommandBarOptionsMouseDownGlyph

Befehlsleiste 'Weitere Optionen' und Schaltflächen 'Überlauf': Gedrückter Zustand

Pressed command bar 'More options' button
Gedrückte Befehlsleiste 'Weitere Optionen' Schaltfläche

Overflow pressed
Gedrückte Befehlsleiste 'Überlauf'-Schaltfläche

Element Tokenname: Category.color
Hintergrund Environment.CommandBarOptionsMouseDownBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Glyphe) Environment.CommandBarOptionsMouseDownGlyph

Dokumentfenster

Es ist nicht erforderlich, Dokumentfenster zu replizieren, da sie von der Visual Studio-Umgebung bereitgestellt werden. Sie können jedoch festlegen, dass die in den Dokumentfenstern genutzten Farben verwendet werden, damit Ihre Benutzeroberfläche immer mit diesem Teil der Visual Studio-Umgebung konsistent ist.

Achten Sie bei der Verwendung von Dokumentfensterfarbtoken darauf, sie nur für ähnliche Elemente und immer in Paaren zu verwenden. Wenn Sie dies nicht tun, erhalten Sie möglicherweise unerwartete Ergebnisse in der Benutzeroberfläche.

Dokumentfensterrahmen

Dokumentfenster können entweder in der IDE angedockt sein oder unverankert als separates Fenster vorkommen. Wenn ein Dokumentfenster außerhalb der IDE unverankert ist, befindet es sich weiterhin in einem Dokument und verfügt über Hintergrund-, Rahmen-, Text- und Registerkartenfarben, die mit dem identisch sind, wenn es Teil der IDE ist. Das Dokument ist jedoch von einem Rahmen umgeben, der über eigene Hintergrund-, Rahmen- und Textfarben verfügt. Wenn Toolfenster im Dokumentursprung angedockt sind, erben die enthaltenen Registerkarten ihr Verhalten und ihre Farbe von den Tokennamen des Dokumentfensters.

Docked document window (redline)
Angedocktes Dokumentfenster (rote Linie)

Floating document window (redline)
Unverankerte Dokumentfenster (rote Linie)

Verwenden... Verwenden Sie nicht ...
... überall, wo Sie eine Benutzeroberfläche erstellen, die mit dem Dokumentfenster übereinstimmen soll. ... für jede Benutzeroberfläche, die Sie nicht automatisch ändern möchten, wenn die Shell über ein Designupdate verfügt.

Verankertes oder unverankertes Dokumentfenster: Standardzustand

Element Tokenname: Category.color
Hintergrund Hängt vom Dokumenttyp ab.
Vordergrund (Text) Hängt vom Dokumenttyp ab.
Rahmen Environment.ToolWindowBorder

Fokussierter, unverankerte Dokumentfensterrahmen: Standardzustand

Default focused, floating document window frame
Standardfokussiertes, unverankerte Dokumentfensterrahmen

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowFloatingFrame
Vordergrund (Text) Environment.ToolWindowFloatingFrame
Vordergrund (Glyphe) Environment.RaftedWindowButtonActiveGlyph
Rahmen Environment.MainWindowActiveDefaultBorder
Rahmen (Glyphe) Environment.RaftedWindowButtonActiveBorder
(Auf transparent festgelegt)

Nicht fokussierter, unverankerter Dokumentfensterrahmen: Standardzustand

Default unfocused, floating document window frame
Standardrahmen für nicht fokussiertes, unverankertes Dokumentfenster

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowFloatingFrameInactive
Vordergrund (Text) Environment.ToolWindowFloatingFrameInactive
Vordergrund (Glyphe) Environment.RaftedWindowButtonInactiveGlyph
Rahmen Environment.MainWindowInactiveBorder
Rahmen (Glyphe) Environment.RaftedWindowButtonInactiveBorder
(Auf transparent festgelegt)

Fokussierter, unverankerten Dokumentfensterrahmen: Hoverzustand

Focused, floating document window frame on hover
Fokussierter, unverankerten Dokumentfensterrahmen beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund (Glyphe) Environment.RaftedWindowButtonHoverActive
Vordergrund (Glyphe) Environment.RaftedWindowButtonHoverActiveGlyph
Rahmen (Glyphe) Environment.RaftedWindowButtonHoverActiveBorder

Nicht fokussierter, unverankerter Dokumentfensterrahmen: Hoverzustand

Unfocused, floating document window frame on hover
Nicht fokussierter, unverankerter Dokumentfensterrahmen beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund (Glyphe) EnvironmentRaftedWindowButtonHoverInactive
Vordergrund (Glyphe) Environment.RaftedWindowButtonHoverInactiveGlyph
Rahmen (Glyphe) Environment.RaftedWindowButtonHoverInactiveBorder

Fokussierter, unverankerter Dokumentfensterrahmen: Gedrückter Zustand

Focused, floating document window frame on press
Fokussierter, unverankerten Dokumentfensterrahmen beim Drücken

Element Tokenname: Category.color
Hintergrund (Glyphe) Environment.RaftedWindowButtonDown
Vordergrund (Glyphe) Environment.RaftedWindowButtonDownGlyph
Rahmen (Glyphe) Environment.RaftedWindowButtonDownBorder

Dokumentregisterkarten

Dokumentregisterkarten befinden sich im Registerkartenkanal und zeigen an, welche Dokumente gerade geöffnet sind und welches das aktuell ausgewählte oder aktive Dokument ist. Toolfenster können ebenfalls im Dokument-Registerkartenkanal angedockt sein, wenn sie vom Benutzer dort platziert werden. In diesem Fall verwenden sie die gleichen Registerkartenfarben wie die Dokumentfenster. Wenn Sie Benutzeroberflächen erstellen, die grundsätzlich auf die Farben des Dokumentfensters abgestimmt sein sollen (einschließlich Designaktualisierungen oder bei Installation neuer Designs), verweisen Sie auf diese Farbtoken.

Document tabs (redline)
Dokumentregisterkarten (rote Linie)

Verwenden... Verwenden Sie nicht ...
... Überall, wo Sie eine Benutzeroberfläche erstellen, die Sie mit Dokumentregisterkarten abgleichen möchten, und nehmen Sie Designaktualisierungen oder neue Designfarben automatisch auf. ... für jede Benutzeroberfläche, die Sie nicht automatisch ändern möchten, wenn die Shell über ein Designupdate verfügt.

Geöffnete Dokumentregisterkarten

Jedes geöffnete Dokument verfügt über eine Registerkarte im Dokument-Registerkartenkanal, auf der der Name angezeigt wird. Dokumente können entweder ausgewählt oder im Hintergrund geöffnet sein. Ihre Registerkarten können folgende Zustände haben:

  • Die ausgewählte Registerkarte stellt das Dokument dar, das aktuell im Dokumentursprung angezeigt wird. Eine ausgewählte Registerkarte verfügt über einen Dokumentrahmen, der sich über den oberen Rand des Dokumentursprungs erstreckt.

  • Hintergrundregisterkarten sind alle Dokumentregisterkarten, die nicht die aktuell ausgewählte Registerkarte sind. Nachdem Sie darauf geklickt haben, werden sie zur ausgewählten Registerkarte und erhalten alle Hintergrund-, Rahmen- und Textfarben aus diesen Tokennamen.

Open document tab (redline)
Öffnen der Dokumentregisterkarte (rote Linie)

Verwenden... Verwenden Sie nicht ...
... wenn Sie benutzerdefinierte Dokumentregisterkarten erstellen. ... für vorläufige Registerkarten (Vorschau)
... für jede Benutzeroberfläche, die Sie nicht automatisch ändern möchten, wenn die Shell über ein Designupdate verfügt.

Ausgewählte, fokussierte Dokumentregisterkarte

Selected, focused document tab
Ausgewählte, fokussierte Dokumentregisterkarte

Element Tokenname: Category.color
Hintergrund Environment.FileTabSelectedGradientTop
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.FileTabSelectedText
Rahmen Environment.FileTabSelectedBorder
(Auf dieselbe Farbe wie Hintergrund festlegen.)
Dokumentrahmen Environment.FileTabDocumentBorderBackground

Ausgewählte, nicht fokussierte Dokumentregisterkarte

Selected, unfocused document tab
Ausgewählte, nicht fokussierte Dokumentregisterkarte

Element Tokenname: Category.color
Hintergrund Environment.FileTabInactiveGradientTop
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.FileTabInactiveText
Rahmen Environment.FileTabInactiveBorder
(Auf dieselbe Farbe wie Hintergrund festlegen.)
Dokumentrahmen Environment.FileTabInactiveDocumentBorderBackground

Registerkarte 'Hintergrunddokument': Standardzustand

Default background document tab
Standardregisterkarte für Hintergrunddokument

Element Tokenname: Category.color
Hintergrund Environment.FileTabBackground
Vordergrund (Text) Environment.FileTabText
Rahmen Environment.FileTabBorder
(Auf dieselbe Farbe wie Hintergrund festlegen.)

Registerkarte "Hintergrunddokument": Hoverzustand

Background document tab on hover
Registerkarte "Hintergrunddokument" beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Environment.FileTabHotGradientTop
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.FileTabHotText
Rahmen Environment.FileTabHotBorder
(Auf dieselbe Farbe wie Hintergrund festlegen.)

Vorschauregisterkarte

Auch als "vorläufige" Registerkarte bezeichnet. Die Registerkarte "Vorschau" wird auf der rechten Seite des Kanals der Dokumentregisterkarte angezeigt, wenn der Benutzer im Toolfenster Projektmappen-Explorer auf ein Element klickt. Sie fungiert als Dokumentvorschau und gibt dem Benutzer die Möglichkeit, das Dokument auf der linken Seite des Dokument-Registerkartenkanals geöffnet zu lassen. Es kann jeweils nur eine Vorschauregisterkarte geöffnet sein. Vorschauregisterkarten können (wie geöffnete Registerkarten) sowohl im Hintergrund geöffnet als auch ausgewählt sein und im aktiven Zustand mit oder ohne Fokus verfügbar sein.

Preview tab (redline)
Registerkarte "Vorschau" (Rote Linie)

Verwenden... Verwenden Sie nicht ...
... überall, wo Sie eine vorläufige Vorschau erstellen und möchten, dass ein Element der aktuellen Registerkartenfarbe der Vorschau entspricht. ... für jede Art von Dokument oder Registerkarte, die nicht vorläufig ist (Vorschau).
... für jede Benutzeroberfläche, die Sie nicht automatisch ändern möchten, wenn die Shell über ein Designupdate verfügt.

Relevant, ausgewählte Registerkarte "Vorschau"

Focused, selected preview tab
Relevant, ausgewählte Registerkarte "Vorschau"

Element Tokenname: Category.color
Hintergrund Environment.FileTabProvisionalSelectedActive
Vordergrund (Text) Environment.FileTabProvisionalSelectedActiveForeground
Rahmen Environment.FileTabProvisionalSelectedActiveBorder
(Auf dieselbe Farbe wie Hintergrund festlegen.)
Dokumentrahmen Environment.FileTabProvisionalSelectedActiveBorder

Nicht fokussierte, ausgewählte Vorschauregisterkarte

Unfocused, selected preview tab
Nicht fokussierte, ausgewählte Vorschauregisterkarte

Element Tokenname: Category.color
Hintergrund Environment.FileTabProvisionalSelectedInactive
Vordergrund (Text) Environment.FileTabProvisionalSelectedInactiveForeground
Rahmen Environment.FileTabProvisionalSelectedInactiveBorder
Dokumentrahmen Environment.FileTabProvisionalSelectedInactiveBorder

Registerkarte "Hintergrundvorschau": Standardzustand

Default background preview tab
Standardregisterkarte "Hintergrundvorschau"

Element Tokenname: Category.color
Hintergrund Environment.FileTabProvisionalInactive
Vordergrund (Text) Environment.FileTabProvisionalInactiveForeground
Rahmen Environment.FileTabProvisionalInactiveBorder
(Auf dieselbe Farbe wie Hintergrund festlegen.)

Registerkarte "Hintergrundvorschau": Hoverzustand

Background preview tab on hover
Registerkarte "Hintergrundvorschau" beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Environment.FileTabProvisionalHover
Vordergrund (Text) Environment.FileTabProvisionalHoverForeground
Rahmen Environment.FileTabProvisionalHoverBorder
(Auf dieselbe Farbe wie Hintergrund festlegen.)

Dokumentüberlauf-Schaltfläche

Die Dokumentüberlauf-Schaltfläche wird angezeigt, wenn mindestens ein Dokument geöffnet ist. Ihre Anzeige ist unabhängig davon, ob der vertikale Platz in der aktuellen Konfiguration für alle Dokumentregisterkarten ausreicht. Das Dropdownmenü "Dokumentüberlauf", das durch die Menüfarben der Befehlsleiste gesteuert wird, zeigt eine Liste aller geöffneten Dokumente an, sowohl sichtbar als auch ausgeblendet, und die Überlaufglyphe ändert sich, je nachdem, ob alle geöffneten Dokumente im Registerkartenkanal angezeigt werden.

Document overflow button (redline)
Schaltfläche "Dokumentüberlauf" (Rotlinie)

Verwenden... Verwenden Sie nicht ...
... Beim Erstellen einer benutzerdefinierten Dokumentüberlaufschaltfläche. ... für ui, die nicht mit einer Überlaufschaltfläche vergleichbar ist.
... für Befehlsleistenüberlaufschaltflächen.

Schaltfläche "Dokumentüberlauf": Standardzustand

Default document overflow button
Schaltfläche "Standarddokumentüberlauf"

Element Tokenname: Category.color
Hintergrund Environment.DocWellOverflowButtonBackground
Vordergrund (Glyphe) Environment.DocWellOverflowButtonGlyph
Rahmen N/V

Dokumentüberlaufschaltfläche: Hoverzustand

Document overflow button on hover
Dokumentüberlauf-Schaltfläche, wenn darauf gezeigt wird

Element Tokenname: Category.color
Hintergrund Environment.DocWellOverflowButtonMouseOverBackground
Vordergrund (Glyphe) Environment.DocWellOverflowButtonMouseOverGlyph
Rahmen Environment.DocWellOverflowButtonMouseOverBorder

Schaltfläche "Dokumentüberlauf": Gedrückter Zustand

Document overflow button on press
Schaltfläche 'Dokumentüberlauf' beim Drücken

Element Tokenname: Category.color
Hintergrund Environment.DocWellOverflowButtonMouseDownBackground
Vordergrund (Glyphe) Environment.DocWellOverflowButtonMouseDownGlyph
Rahmen Environment.DocWellOverflowButtonMouseDownBorder

Tagging

Visual Studio unterstützt Tags, mit deren Hilfe ein Benutzer suchbare Schlüsselwörter für Nachverfolgungszwecke deklarieren kann. Projektleiter und Entwickler können beispielsweise Team Foundation Server (TFS) verwenden, um Arbeitselemente zu kennzeichnen. Die folgenden Tabellen enthalten Farbnamen sowohl für das Tag selbst als auch für die Glyphe "Schließsymbol", die im Zustand "Darauf zeigen" und "Ausgewählt" angezeigt wird.

Tagging in Visual Studio (redline)
Tagging in Visual Studio (Rote Linie)

Verwenden... Verwenden Sie nicht ...
... für ui, die Tagging unterstützt. ... für jeden anderen Benutzeroberflächentyp.

Tags

Tag: Standardstatus

Default tag
Standardtag

Element Tokenname: Category.color
Hintergrund Tag.Background
Vordergrund (Text) Tag.Background

Tag: Hoverzustand

Tag on hover
Tag, wenn darauf gezeigt wird

Element Tokenname: Category.color
Hintergrund Tag.HoverBackground
Vordergrund (Text) Tag.HoverBackgroundText

Tag: Gedrückter Zustand

Pressed tag
Tag gedrückt

Element Tokenname: Category.color
Hintergrund Tag.PressedBackground
Vordergrund (Text) Tag.PressedBackgroundText

Tag: ausgewählter Zustand

Selected tag
Ausgewähltes Tag

Element Tokenname: Category.color
Hintergrund Tag.SelectedBackground
Vordergrund (Text) Tag.SelectedBackgroundText

Schließen (×) Tagglyphe

Schließen (×) Tagglyphe: Standardzustand

Default Close (×) tag glyph
Standard schließen (×) Tagglyphe

Element Tokenname: Category.color
Hintergrund N/V
Vordergrund (Glyphe) Tag.TagHoverGlyph

Schließen (×) Tagglyphe: Hoverzustand

Close (×) tag glyph on hover
Schließen (×) Tagglyphe beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Tag.TagHoverGlyphHoverBackground
Vordergrund (Glyphe) Tag.TagHoverGlyphHover
Rahmen Tag.TagHoverGlyphHoverBorder

Schließen (×) Tagglyphe: Gedrückter Zustand

Pressed Close (×) tag glyph
Glyphe mit gedrückter Taste (×)

Element Tokenname: Category.color
Hintergrund Tag.TagHoverGlyphPressedBackground
Vordergrund (Glyphe) Tag.TagHoverGlyphPressed
Rahmen Tag.TagHoverGlyphPressedBorder

Ausgewähltes Tag mit Glyphe Close (×)

Default selected tag with Close (×) glyph
Standardmäßig ausgewähltes Tag mit Glyphe "Schließen" (×)

Element Tokenname: Category.color
Hintergrund N/V
Vordergrund (Glyphe) Tag.TagSelectedGlyph

Ausgewähltes Tag mit Glyphe Close (×): Hoverzustand

Selected tag with Close (×) glyph on hover
Ausgewähltes Tag mit Glyphe schließen (×) beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Tag.TagSelectedGlyphHoverBackground
Vordergrund (Glyphe) Tag.TagSelectedGlyphHover
Rahmen Tag.TagSelectedGlyphHoverBorder

Ausgewähltes Tag mit Glyphe "Schließen" (×): Gedrückter Zustand

Selected, pressed tag with Close (×) glyph
Ausgewählt, gedrücktes Tag mit Glyphe Close (×)

Element Tokenname: Category.color
Hintergrund Tag.TagSelectedGlyphPressedBackground
Vordergrund (Glyphe) Tag.TagSelectedGlyphPressed
Rahmen Tag.TagSelectedGlyphPressedBorder

Toolfenster

Es ist nicht erforderlich, Toolfenster zu replizieren, da sie von der Visual Studio-Umgebung bereitgestellt werden. Sie können jedoch festlegen, dass die in den Toolfenstern genutzten Farben verwendet werden, damit Ihre Benutzeroberfläche immer mit diesem Teil der Visual Studio-Umgebung konsistent ist.

Tool window (redline)
Toolfenster (rote Linie)

Verwenden... Verwenden Sie nicht ...
... überall, wo Sie eine Benutzeroberfläche erstellen, die Sie mit Toolfenstern abgleichen möchten. ... für jede Benutzeroberfläche, die Sie nicht automatisch ändern möchten, wenn die Shell über ein Designupdate verfügt.

Toolfensterrahmen

Toolfenster in Visual Studio werden für viele verschiedene Aufgaben verwendet und können einen von mehreren unterschiedlichen Zuständen annehmen. Wenn ein Toolfenster geöffnet ist, kann es einer der vier Seiten des Dokumentbereichs zugeordnet werden. Toolfenster können auch unverankert sein und sich außerhalb der IDE befinden. In diesem Fall können sie an einer beliebigen Stelle auf dem Benutzerbildschirm positioniert werden. Unverankerte Fenster nehmen immer die höchste Position in der IDE ein. Schließlich können Toolfenster wie Dokumentfenster angedockt und als Registerkarte im Dokumentursprung angezeigt werden. Toolfenster, die als Dokumentfenster angedockt wurden, erhalten ihre Farbe teilweise über die Tokennamen des Dokumentfensters.

Tool window frame (redline)
Toolfensterrahmen (Rotlinie)

Verwenden... Verwenden Sie nicht ...
... überall, wo Sie eine Benutzeroberfläche erstellen, die Sie mit Toolfenstern abgleichen möchten. ... für jede Benutzeroberfläche, die Sie nicht automatisch ändern möchten, wenn die Shell über ein Designupdate verfügt.

Angedocktes Toolfenster

Docked tool window
Angedocktes Toolfenster

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowBackground
Rahmen Environment.ToolWindowBorder

Unverankerte, fokussierte Toolfenster

Floating, focused tool window
Unverankerte, fokussierte Toolfenster

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowBackground
Rahmen Environment.MainWindowActiveDefaultBorder

Unverankertes, nicht fokussiertes Toolfenster

Floating, unfocused tool window
Unverankertes, nicht fokussiertes Toolfenster

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowBackground
Rahmen Environment.MainWindowInactiveBorder

Toolboxähnliche Fenster

Die Toolbox ist eines der am häufigsten verwendeten Toolfenster in Visual Studio. Es handelt sich im Wesentlichen um ein Struktursteuerelement mit einem speziellen Design und angewendetem Stil.

Toolbox-like window (redline)
Toolboxähnliches Fenster (rote Linie)

Verwenden... Verwenden Sie nicht ...
... Wenn Sie ein Toolfenster entwerfen, das Immer mit der Shell-Toolbox konsistent sein soll. ... für alle Elemente, die der Toolbox-Benutzeroberfläche nicht ähneln, oder wenn Sie nicht sicher sind, ob ihre Benutzeroberfläche Probleme hat, wenn sich die Shell-Toolboxfarben ändern.

Toolboxknoten: Standardstatus

Default toolbox parent node
Übergeordneter Standardknoten der Toolbox

Default toolbox child node
Untergeordneter Standardknoten der Toolbox

Element Tokenname: Category.color
Hintergrund Environment.ToolboxContent
(Überschriften)
Hintergrund Environment.ToolWindowBackground
(Einzelne Elemente oder gesamtes Fenster, wenn keine verfügbaren Steuerelemente verfügbar sind)
Rahmen Keine
Vordergrund (Glyphe) Environment.ToolboxContent
Vordergrund (Text) Environment.ToolboxContent

Untergeordnete Knoten der Toolbox: Hoverzustand

Toolbox child node on hover
Toolbox (untergeordneter Knoten), wenn darauf gezeigt wird

Element Tokenname: Category.color
Hintergrund Environment.ToolboxContentMouseOver
(Nur einzelne Elemente)
Rahmen Keine
Vordergrund (Text) Environment.ToolboxContentMouseOver
(Nur einzelne Elemente)

Ausgewählte Toolboxknoten: Fokussierter Zustand

Focused, selected toolbox parent node
Relevanter, ausgewählter übergeordneter Toolboxknoten

Focused, selected toolbox child node
Relevanter, ausgewählter untergeordneter Toolboxknoten

Element Tokenname: Category.color
Hintergrund TreeView.SelectedItemActive
Aus Kategorie Tree view
Rahmen TreeView.FocusVisualBorder
Aus Kategorie Tree view
Vordergrund (Glyphe) TreeView.SelectedItemActive
Aus Kategorie Tree view
Vordergrund (Text) TreeView.SelectedItemActive
Aus Kategorie Tree view

Ausgewählte Toolboxknoten: nicht fokussierter Zustand

Selected, unfocused toolbox parent node
Ausgewählter, nicht fokussierter Toolbox-übergeordneter Knoten

Selected, unfocused toolbox child node
Ausgewählter, nicht fokussierter Toolbox-untergeordneter Knoten

Element Tokenname: Category.color
Hintergrund TreeView.SelectedItemInactive
Aus Kategorie Tree view
Rahmen Keine
Vordergrund (Glyphe) TreeView.SelectedItemInactive
Aus Kategorie Tree view
Vordergrund (Text) TreeView.SelectedItemInactive
Aus Kategorie Tree view

Titelleiste des Toolfensters

Der Rahmen der Titelleiste ist kein wahrer Rahmen, es ist eine dicke Linie über den oberen Rand der Titelleiste. Es verfügt nicht über einen Tokennamen für den nicht fokussierten Zustand.

Tool window title bar (redline)
Titelleiste des Toolfensters (rote Linie)

Verwenden... Verwenden Sie nicht ...
... überall, wo Sie eine Benutzeroberfläche erstellen, die Sie mit Toolfenstern abgleichen möchten. ... für jede Benutzeroberfläche, die Sie nicht automatisch ändern möchten, wenn die Shell über ein Designupdate verfügt.

Titelleiste mit Relevanz

Focused title bar
Titelleiste mit Fokus

Element Tokenname: Category.color
Hintergrund Environment.TitleBarActiveGradientBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.TitleBarActiveText
Rahmen Environment.TitleBarActiveBorder
(Auf dieselbe Farbe wie Hintergrund festlegen.)
Ziehpunkt Environment.TitleBarDragHandleActive

Nicht fokussierte Titelleiste

Title bar unfocused
Titelleiste ohne Fokus

Element Tokenname: Category.color
Hintergrund Environment.TitleBarInactiveGradientBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.TitleBarInactiveText
Rahmen N/V
Ziehpunkt Environment.TitleBarDragHandle

Symbolleistenschaltflächen für Toolfenster

Title bar button (redline)
Schaltfläche "Titelleiste" (Rote Linie)

Verwenden... Verwenden Sie nicht ...
... für Schaltflächen, die in der Benutzeroberfläche angezeigt werden, die Farbtoken aus den Titelleisten des Toolfensters verwenden. ... für Schaltflächen, die an anderen Speicherorten angezeigt werden.
... in einer anderen Hintergrund-/Vordergrund-Kombination als angegeben.

Schaltflächen für die Titelleiste mit Relevanz: Standardzustand

Default, focused title bar buttons
Standardschaltflächen für die Titelleiste mit Relevanz

Element Tokenname: Category.color
Hintergrund N/V
Vordergrund (Glyphe) Environment.ToolWindowButtonActiveGlyph
Rahmen N/V

Nicht fokussierte Titelleistenschaltflächen: Standardzustand

Default, unfocused title bar buttons
Standardschaltflächen für nicht fokussierte Titelleisten

Element Tokenname: Category.color
Hintergrund N/V
Vordergrund (Glyphe) Environment.ToolWindowButtonInactiveGlyph
Rahmen N/V

Schaltflächen für die Titelleiste mit Relevanz: Hoverzustand

Focused title bar buttons on hover
Schaltflächen der Titelleiste mit Fokus beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowButtonHoverActive
Vordergrund (Glyphe) Environment.ToolWindowButtonHoverActiveGlyph
Rahmen Environment.ToolWindowButtonHoverActiveBorder

Nicht fokussierte Titelleistenschaltflächen: Hoverzustand

Unfocused title bar buttons on hover
Nicht fokussierte Titelleistenschaltflächen beim Daraufzeigen

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowButtonHoverInactive
Vordergrund (Glyphe) Environment.ToolWindowButtonHoverInactiveGlyph
Rahmen Environment.ToolWindowButtonHoverInactiveBorder

Schaltflächen für die Titelleiste mit Relevanz: Gedrückter Zustand

Focused title bar buttons on press
Schaltflächen der Titelleiste mit Relevanz beim Drücken

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowButtonDown
Vordergrund (Glyphe) Environment.ToolWindowButtonDownActiveGlyph
Rahmen Environment.ToolWindowButtonDownBorder

Nicht fokussierte Titelleistenschaltflächen: Gedrückter Zustand

Unfocused title bar buttons on press
Nicht fokussierte Titelleistenschaltflächen beim Drücken

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowButtonDown
Vordergrund (Glyphe) Environment.ToolWindowButtonDownInactiveGlyph
Rahmen Environment.ToolWindowButtonDownBorder

Toolfenster-Registerkarten

Tool window tab (redline)
Registerkarte "Toolfenster" (Rote Linie)

Verwenden... Verwenden Sie nicht ...
... überall, wo Sie eine Benutzeroberfläche erstellen, die Sie mit Toolfenstern abgleichen möchten. ... für jede Benutzeroberfläche, die Sie nicht automatisch ändern möchten, wenn die Shell über ein Designupdate verfügt.

Ausgewählte Registerkarte 'Ausgewähltes Toolfenster' mit Relevanz

Selected, focused tool window tab
Ausgewählt, Toolfenster-Registerkarte mit Fokus

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowTabSelectedTab
Vordergrund (Text) Environment.ToolWindowTabSelectedActiveText
Rahmen Environment.ToolWindowTabSelectedBorder
(Auf dieselbe Farbe wie Hintergrund festlegen.)

Ausgewählte, nicht fokussierte Toolfensterregisterkarte

Selected, unfocused tool window tab
Ausgewählt, Toolfenster-Registerkarte ohne Fokus

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowTabSelectedTab
Vordergrund (Text) Environment.ToolWindowTabSelectedText
Rahmen Environment.ToolWindowTabSelectedBorder
(Auf dieselbe Farbe wie Hintergrund festlegen.)

Registerkarte 'Fensterfenster'' des Hintergrundtools: Standardzustand

Default background tool window tab
Standardregisterkarte für Hintergrundtools

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowTabGradientBegin
Environment.ToolWindowTabGradientEnd
(Farbverlaufstopps werden in Visual Studio 2013 auf denselben Farbwert festgelegt.)
Vordergrund (Text) Environment.ToolWindowTabText
Rahmen Environment.ToolWindowTabBorder

Registerkarte 'Fensterfenster'' des Hintergrundtools: Hoverzustand

Background tool window tab on hover
Hintergrundregisterkarte im Toolfenster, wenn darauf gezeigt wird

Element Tokenname: Category.color
Hintergrund Environment.ToolWindowTabMouseOverBackgroundBegin
Environment.ToolWindowTabMouseOverBackgroundEnd
(Farbverlaufstopps werden in Visual Studio 2013 auf denselben Farbwert festgelegt.)
Vordergrund (Text) Environment.ToolWindowTabMouseOverText
Rahmen Environment.ToolWindowTabMouseOverBorder
(Auf dieselbe Farbe wie Hintergrund festlegen.)

Automatisch ausgeblendete Registerkarten

Auto-hide tabs (redline)Registerkarten automatisch ausblenden (rote Linie)

Verwenden... Verwenden Sie nicht ...
... überall, wo Sie eine Benutzeroberfläche erstellen, die mit automatisch ausgeblendeten Toolfensterregisterkarten übereinstimmen soll. ... für jede Benutzeroberfläche, die Sie nicht automatisch ändern möchten, wenn die Shell über ein Designupdate verfügt.

Registerkarten automatisch ausblenden: Standardzustand

Default auto-hide tab
Automatisch ausgeblendete Registerkarte, Standard

Element Tokenname: Category.color
Hintergrund Environment.AutoHideTabBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.AutoHideTabText
Rahmen Environment.AutoHideTabBorder

Registerkarten automatisch ausblenden: Hoverzustand

Auto-hide tab on hover
Automatisch ausgeblendete Registerkarte, wenn darauf gezeigt wird

Element Tokenname: Category.color
Hintergrund Environment.AutoHideTabMouseOverBackgroundBegin
(Farbverlaufsstopps für dieses Token, das in der Designoberfläche nicht verwendet wird.)
Vordergrund (Text) Environment.AutoHideTabMouseOverText
Rahmen Environment.AutoHideTabMouseOverBorder