Hinweis
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, sich anzumelden oder das Verzeichnis zu wechseln.
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, das Verzeichnis zu wechseln.
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
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
Schaltfläche „Standard“
Element | Tokenname: Category.color |
---|---|
Schaltfläche | CommonControls.Button |
Schaltflächenrahmen | CommonControls.ButtonBorder |
Schaltfläche: Standardzustand
Default button
Element | Tokenname: Category.color |
---|---|
Schaltfläche | CommonControls.ButtonDefault |
Schaltflächenrahmen | CommonControls.ButtonBorderDefault |
Schaltfläche: Deaktivierter Zustand
Schaltfläche "Deaktiviert"
Element | Tokenname: Category.color |
---|---|
Schaltfläche | CommonControls.ButtonDisabled |
Schaltflächenrahmen | CommonControls.ButtonBorderDisabled |
Schaltfläche: Hoverzustand
Schaltfläche, wenn darauf gezeigt wird
Element | Tokenname: Category.color |
---|---|
Schaltfläche | CommonControls.ButtonHover |
Schaltflächenrahmen | CommonControls.ButtonBorderHover |
Schaltfläche: Gedrückter Zustand
Gedrückte Schaltfläche
Element | Tokenname: Category.color |
---|---|
Schaltfläche | CommonControls.ButtonPressed |
Schaltflächenrahmen | CommonControls.ButtonBorderPressed |
Schaltfläche: Fokussierter Zustand
Schaltfläche "Relevant"
Element | Tokenname: Category.color |
---|---|
Schaltfläche | CommonControls.ButtonFocused |
Schaltflächenrahmen | CommonControls.ButtonBorderFocused |
Kontrollkästchen-Steuerelemente
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
Standardkontrollkästchen
Element | Tokenname: Category.color |
---|---|
Hintergrund | CommonControls.CheckBoxBackground |
Rahmen | CommonControls.CheckBoxBorder |
Text | CommonControls.CheckBoxText |
Glyphe | CommonControls.CheckBoxGlyph |
Kontrollkästchen: Deaktivierter Zustand
Deaktiviertes Kontrollkästchen
Element | Tokenname: Category.color |
---|---|
Hintergrund | CommonControls.CheckBoxBackgroundDisabled |
Rahmen | CommonControls.CheckBoxBorderDisabled |
Text | CommonControls.CheckBoxTextDisabled |
Glyphe | CommonControls.CheckBoxGlyphDisabled |
Kontrollkästchen: Hoverzustand
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
Kontrollkästchen gedrückt
Element | Tokenname: Category.color |
---|---|
Hintergrund | CommonControls.CheckBoxBackgroundPressed |
Rahmen | CommonControls.CheckBoxBorderPressed |
Text | CommonControls.CheckBoxTextPressed |
Glyphe | CommonControls.CheckBoxGlyphPressed |
Kontrollkästchen: Fokussierter Zustand
Kontrollkästchen "Relevant"
Element | Tokenname: Category.color |
---|---|
Hintergrund | CommonControls.CheckBoxBackgroundFocused |
Rahmen | CommonControls.CheckBoxBorderFocused |
Text | CommonControls.CheckBoxTextFocused |
Glyphe | CommonControls.CheckBoxGlyphFocused |
Dropdowns und Kombinationsfelder
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
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
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
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
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
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
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
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.
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.
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.)
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
Standardhinweistext
Element | Tokenname: Category.color |
---|---|
Vordergrund (Text) | Environment.ControlEditHintText |
Erforderlicher Hinweistext
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.
Text des Suchfeld-Steuerelements
Element | Tokenname: Category.color |
---|---|
Vordergrund (Text) | SearchControl.UnfocusedWatermarkText |
Link
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 (rote Linie)
Verwenden... | Verwenden Sie nicht ... |
---|---|
... wenn Sie einen benutzerdefinierten Link erstellen müssen. | ... für alles, was kein Link ist. |
Hyperlink: Standardstatus
Standardlink
Element | Tokenname: Category.color |
---|---|
Vordergrund (Text) | Environment.PanelHyperlink |
Hyperlink: Hoverzustand
Hyperlink, wenn darauf gezeigt wird
Element | Tokenname: Category.color |
---|---|
Vordergrund (Text) | Environment.PanelHyperlinkHover |
Link: Gedrückter Zustand
Gedrückter Link
Element | Tokenname: Category.color |
---|---|
Vordergrund (Text) | Environment.PanelHyperlinkPressed |
Link: Deaktivierter Zustand
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.
Infoleiste (Rote Linie)
Verwenden... | Verwenden Sie nicht ... |
---|---|
... beim Erstellen benutzerdefinierter Infoleisten. | ... für UI-Elemente, die keiner Infoleiste ähneln. |
Infoleiste: Standardstatus
Standardinfoleiste
Element | Tokenname: Category.color |
---|---|
Hintergrund | InfoBar.InfoBarBackground |
Vordergrund (Text) | InfoBar.InfoBar |
Rahmen | InfoBar.InfoBarBorder |
Infoleiste Schließen (×)-Schaltfläche: Standardzustand
Schaltfläche "Standardinfoleiste schließen" (×)
Element | Tokenname: Category.color |
---|---|
Hintergrund | InfoBar.CloseButton |
Rahmen | InfoBar.CloseButtonBorder |
Glyphe | InfoBar.CloseButtonGlyph |
Infoleiste Schließen (×)-Schaltfläche: Hoverzustand
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
Schaltfläche 'Schließen' (×) auf der Infoleiste
Element | Tokenname: Category.color |
---|---|
Hintergrund | InfoBar.CloseButtonDown |
Rahmen | InfoBar.CloseButtonDownBorder |
Glyphe | InfoBar.CloseButtonDownGlyph |
Infoleistenlinkschaltfläche: Standardzustand
Standardinfoleistenlinkschaltfläche
Element | Tokenname: Category.color |
---|---|
Vordergrund (Text) | InfoBar.Hyperlink |
Infoleistenlinkschaltfläche: Hoverzustand
Schaltfläche "Infoleistenlink" beim Daraufzeigen
Element | Tokenname: Category.color |
---|---|
Vordergrund (Text) | Infobar.HyperlinkMouseOver (Mit Unterstreichung) |
Infoleistenlinkschaltfläche: Gedrückter Zustand
Schaltfläche für gedrückten Infoleistenlink
Element | Tokenname: Category.color |
---|---|
Vordergrund (Text) | Infobar.HyperlinkMouseDown (Mit Unterstreichung) |
Infoleiste Inlinelink (innerhalb eines Satzes): Standardzustand
Standardmäßige Inline-Infoleistenlinkschaltfläche
Element | Tokenname: Category.color |
---|---|
Vordergrund (Text) | InfoBar.Hyperlink |
Inlinelink der Infoleiste (innerhalb eines Satzes): Hoverzustand
Infoleisten-Inlinelinkschaltfläche beim Daraufzeigen
Element | Tokenname: Category.color |
---|---|
Vordergrund (Text) | Infobar.HyperlinkMouseOver (Mit Unterstreichung) |
Inlinelink der Infoleiste (innerhalb eines Satzes): Gedrückter Zustand
Schaltfläche 'Inlinelink' auf der Infoleiste
Element | Tokenname: Category.color |
---|---|
Vordergrund (Text) | Infobar.HyperlinkMouseDown (Mit Unterstreichung) |
Infoleistenschaltfläche: Standardzustand
Standardinfoleistenschaltfläche
Element | Tokenname: Category.color |
---|---|
Hintergrund | InfoBar.Button |
Vordergrund (Text) | InfoBar.Button |
Rahmen | InfoBar.ButtonBorder |
Infoleistenschaltfläche: Hoverzustand
Schaltfläche "Infoleiste" beim Daraufzeigen
Element | Tokenname: Category.color |
---|---|
Hintergrund | InfoBar.ButtonMouseOver |
Vordergrund (Text) | InfoBar.ButtonMouseOver |
Rahmen | InfoBar.ButtonMouseOverBorder |
Infoleistenschaltfläche: Gedrückter Zustand
Schaltfläche 'Infoleiste' gedrückt
Element | Tokenname: Category.color |
---|---|
Hintergrund | InfoBar.ButtonMouseDown |
Vordergrund (Text) | InfoBar.ButtonMouseDown |
Rahmen | InfoBar.ButtonMouseDownBorder |
Infoleistenschaltfläche: Deaktivierter Zustand
Schaltfläche 'Deaktivierte Infoleiste'
Element | Tokenname: Category.color |
---|---|
Hintergrund | InfoBar.ButtonDisabled |
Vordergrund (Text) | InfoBar.ButtonDisabled |
Rahmen | InfoBar.ButtonDisabledBorder |
Infoleistenschaltfläche: Fokussierter Zustand
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.
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
Standard-Bildlaufleiste
Element | Tokenname: Category.color |
---|---|
Bildlaufleiste | Environment.ScrollBarBackground |
Vordergrund (Ziehpunkt) | Environment.ScrollBarThumbBackground |
Bildlaufleiste: Hoverzustand
Bildlaufleiste, wenn darauf gezeigt wird
Element | Tokenname: Category.color |
---|---|
Bildlaufleiste | Environment.ScrollBarBackground |
Vordergrund (Ziehpunkt) | Environment.ScrollBarThumbMouseOverBackground |
Scrollleiste: Gedrückter Zustand*
Gedrückte Bildlaufleiste
Element | Tokenname: Category.color |
---|---|
Bildlaufleiste | Environment.ScrollBarBackground |
Vordergrund (Ziehpunkt) | Environment.ScrollBarThumbPressedBackground |
Bildlaufleistenpfeil: Standardzustand
Standardmäßiger Bildlaufleistenpfeil
Element | Tokenname: Category.color |
---|---|
Hintergrund | Environment.ScrollBarArrowBackground (Auf dieselbe Farbe wie bildlaufleiste festlegen.) |
Vordergrund (Glyphe) | Environment.ScrollBarArrowGlyph |
Scrollleistenpfeil: Hoverzustand
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
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.
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
Sucheingabefeld mit Relevanz
Element | Tokenname: Category.color |
---|---|
Hintergrund | SearchControl.FocusedBackground |
Vordergrund (Text) | SearchControl.FocusedBackground |
Rahmen | SearchControl.FocusedBorder |
Trennzeichen | SearchControl.FocusedDropDownSeparator |
Nicht fokussiertes, aktives Sucheingabefeld
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
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)
Hervorgehobenes Sucheingabefeld
Element | Tokenname: Category.color |
---|---|
Hintergrund | SearchControl.Selection |
Vordergrund (Text) | SearchControl.FocusedBackground |
Rahmen | Keine |
Trennzeichen | SearchControl.FocusedDropDownSeparator |
Deaktiviertes Sucheingabefeld
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"
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"
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'
Interaktive Schaltfläche 'Suchen'
Element | Tokenname: Category.color |
---|---|
Hintergrund | SearchControl.ActionButtonMouseDown |
Vordergrund (Glyphe) | SearchControl.ActionButtonMouseDownGlyph |
Rahmen | SearchControl.ActionButtonMouseDownBorder |
Deaktivierte Suchaktionsschaltfläche
Deaktivierte Suchaktionsschaltfläche
Element | Tokenname: Category.color |
---|---|
Hintergrund | Keine |
Vordergrund (Glyphe) | SearchControl.ActionButtonDisabledGlyph |
Rahmen | Keine |
Dropdownschaltfläche "Suche mit Relevanz"
Dropdownschaltfläche "Suche mit Relevanz"
Element | Tokenname: Category.color |
---|---|
Hintergrund | SearchControl.FocusedDropDownButton |
Vordergrund (Glyphe) | SearchControl.FocusedDropDownButtonGlyph |
Rahmen | SearchControl.FocusedDropDownButtonBorder |
Dropdownschaltfläche "Nicht fokussierte Suche"
Dropdownschaltfläche "Nicht fokussierte Suche"
Element | Tokenname: Category.color |
---|---|
Hintergrund | SearchControl.UnfocusedDropDownButton |
Vordergrund (Glyphe) | SearchControl.UnfocusedDropDownButtonGlyph |
Rahmen | SearchControl.UnfocusedDropDownButtonBorder |
Gedrückte Dropdownschaltfläche "Suche"
Gedrückte Dropdownschaltfläche "Suche"
Element | Tokenname: Category.color |
---|---|
Hintergrund | SearchControl.MouseDownDropDownButton |
Vordergrund (Glyphe) | SearchControl.MouseDownDropDownButtonGlyph |
Rahmen | SearchControl.MouseDownDropDownButtonBorder |
Deaktivierte Dropdownschaltfläche "Suche"
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.
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
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
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
Standardmäßige Suchoptionen (Kontrollkästchen)
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
Suchoptionen (Kontrollkästchen) beim Daraufzeigen
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
Gedrückte Suchoptionen (Kontrollkästchen)
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.
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
Standardstrukturansichtselement
Element | Tokenname: Category.color |
---|---|
Hintergrund | TreeView.Background |
Vordergrund (Text) | TreeView.Background |
Vordergrund (Glyphe) | TreeView.Glyph |
Rahmen | Keine |
Strukturansichtselement: Hoverzustand
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
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
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
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
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
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.
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-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)
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-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
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.
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
Standardmenütitel
Standardmenütitel mit Glyphe
Element | Tokenname: Category.color |
---|---|
Hintergrund | Keine |
Vordergrund (Text) | Environment.CommandBarTextActive |
Vordergrund (Glyphe) | Environment.CommandBarMenuGlyph |
Rahmen | Keine |
Menütitel: Hoverzustand
Menütitel, wenn darauf gezeigt wird
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
Gedrückter Menütitel
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
Deaktivierter Menütitel mit Glyphe
Element | Tokenname: Category.color |
---|---|
Hintergrund | Keine |
Vordergrund (Text) | Environment.CommandBarTextInactive |
Vordergrund (Glyphe) | Environment.CommandBarTextInactive |
Rahmen | Keine |
Menüelemente
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.
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
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
Aktiviertes Menüelement
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
Menüelement beim Daraufzeigen
Aktiviertes Menüelement beim Daraufzeigen
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
Deaktiviertes Menüelement
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.
Befehlsleiste (rote Linie)
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.
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
Befehlssymbol (rote Linie)
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
Standardbefehlssymbol
Element | Tokenname: Category.color |
---|---|
Hintergrund | N/V (erbt vom Befehlsleisten-Hintergrund) |
Vordergrund (Text) | Environment.CommandBarTextActive |
Rahmen | N/V |
Befehlssymbol: Standardzustand, ausgewählt
Standardsymbol für ausgewählte Befehle
Element | Tokenname: Category.color |
---|---|
Hintergrund | Environment.CommandBarSelected |
Vordergrund (Text) | Environment.CommandBarTextSelected |
Rahmen | Environment.CommandBarSelectedBorder |
Befehlssymbol: Hover- oder Fokusstatus
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
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
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
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.
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
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
Dropdownschaltfläche der Befehlsleiste
Element | Tokenname: Category.color |
---|---|
Hintergrund | N/V (erbt vom Befehlsleisten-Hintergrund) |
Vordergrund (Glyphe) | Environment.ComboBoxGlyph |
Dropdownliste der Befehlsleiste: Standardstatus
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
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
Dropdownschaltfläche der Befehlsleiste beim Daraufzeigen
Element | Tokenname: Category.color |
---|---|
Hintergrund | Environment.ComboBoxButtonMouseOverBackground |
Vordergrund (Glyphe) | Environment.ComboBoxMouseOverGlyph |
Dropdownliste der Befehlsleiste: Hoverzustand
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
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
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
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
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
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
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.
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
Dropdownfeld der Standardbefehlsleiste
Element | Tokenname: Category.color |
---|---|
Hintergrund | Environment.DropDownBackground |
Vordergrund (Text) | DropDownText |
Rahmen | DropDownBorder |
Trennzeichen | Kein Trennzeichen |
Dropdownschaltfläche der Befehlsleiste: Standardzustand
Dropdownschaltfläche der Standardbefehlsleiste
Element | Tokenname: Category.color |
---|---|
Hintergrund | Keine |
Vordergrund (Glyphe) | Environment.DropDownGlyph |
Dropdownliste der Befehlsleiste: Standardstatus
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
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
Dropdownschaltfläche der Befehlsleiste beim Daraufzeigen
Element | Tokenname: Category.color |
---|---|
Hintergrund | Environment.DropDownButtonMouseOverBackground |
Vordergrund (Glyphe) | Environment.DropDownMouseOverGlyph |
Dropdownliste der Befehlsleiste: Hoverzustand
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
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
Dropdownschaltfläche für gedrückte Befehlsleiste
Element | Tokenname: Category.color |
---|---|
Hintergrund | Environment.DropDownButtonMouseDownBackground |
Vordergrund (Glyphe) | Environment.DropDownMouseDownGlyph |
Dropdownauswahlfeld der Befehlsleiste: Deaktivierter Zustand
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
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.
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
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
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
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
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.
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
Schaltfläche 'Weitere Optionen' in der Standardbefehlsleiste
Standardbefehlsleiste 'Überlauf'-Schaltfläche
Element | Tokenname: Category.color |
---|---|
Hintergrund | Environment.CommandBarOptionsBackground |
Vordergrund (Glyphe) | Environment.CommandBarOptionsGlyph |
Befehlsleiste 'Weitere Optionen' und Schaltflächen 'Überlauf': Hoverzustand
Befehlsleiste 'Weitere Optionen' beim Daraufzeigen
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
Gedrückte Befehlsleiste 'Weitere Optionen' Schaltfläche
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.
Angedocktes Dokumentfenster (rote Linie)
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
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
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
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
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
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.
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.
Ö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
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
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
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
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.
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"
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
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
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
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.
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
Schaltfläche "Standarddokumentüberlauf"
Element | Tokenname: Category.color |
---|---|
Hintergrund | Environment.DocWellOverflowButtonBackground |
Vordergrund (Glyphe) | Environment.DocWellOverflowButtonGlyph |
Rahmen | N/V |
Dokumentüberlaufschaltfläche: Hoverzustand
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
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 (Rote Linie)
Verwenden... | Verwenden Sie nicht ... |
---|---|
... für ui, die Tagging unterstützt. | ... für jeden anderen Benutzeroberflächentyp. |
Tags
Tag: Standardstatus
Standardtag
Element | Tokenname: Category.color |
---|---|
Hintergrund | Tag.Background |
Vordergrund (Text) | Tag.Background |
Tag: Hoverzustand
Tag, wenn darauf gezeigt wird
Element | Tokenname: Category.color |
---|---|
Hintergrund | Tag.HoverBackground |
Vordergrund (Text) | Tag.HoverBackgroundText |
Tag: Gedrückter Zustand
Tag gedrückt
Element | Tokenname: Category.color |
---|---|
Hintergrund | Tag.PressedBackground |
Vordergrund (Text) | Tag.PressedBackgroundText |
Tag: ausgewählter Zustand
Ausgewähltes Tag
Element | Tokenname: Category.color |
---|---|
Hintergrund | Tag.SelectedBackground |
Vordergrund (Text) | Tag.SelectedBackgroundText |
Schließen (×) Tagglyphe
Schließen (×) Tagglyphe: Standardzustand
Standard schließen (×) Tagglyphe
Element | Tokenname: Category.color |
---|---|
Hintergrund | N/V |
Vordergrund (Glyphe) | Tag.TagHoverGlyph |
Schließen (×) Tagglyphe: Hoverzustand
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
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 (×)
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
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
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.
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.
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
Angedocktes Toolfenster
Element | Tokenname: Category.color |
---|---|
Hintergrund | Environment.ToolWindowBackground |
Rahmen | Environment.ToolWindowBorder |
Unverankerte, fokussierte Toolfenster
Unverankerte, fokussierte Toolfenster
Element | Tokenname: Category.color |
---|---|
Hintergrund | Environment.ToolWindowBackground |
Rahmen | Environment.MainWindowActiveDefaultBorder |
Unverankertes, nicht fokussiertes Toolfenster
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ä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
Übergeordneter Standardknoten der Toolbox
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 (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
Relevanter, ausgewählter übergeordneter Toolboxknoten
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
Ausgewählter, nicht fokussierter Toolbox-übergeordneter Knoten
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.
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
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
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
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
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
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
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
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
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
Nicht fokussierte Titelleistenschaltflächen beim Drücken
Element | Tokenname: Category.color |
---|---|
Hintergrund | Environment.ToolWindowButtonDown |
Vordergrund (Glyphe) | Environment.ToolWindowButtonDownInactiveGlyph |
Rahmen | Environment.ToolWindowButtonDownBorder |
Toolfenster-Registerkarten
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
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
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
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
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
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
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
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 |