Erstellen von Bildern, um die Multifunktionsleiste in Word 2007 und Word 2010 anpassen

Die besten Bilder als Kontrollen (zB Tasten) auf der Multifunktionsleiste verwenden:

• 32 x 32 Pixel und 16 x 16 Pixel
• in. png-Format
• mit einem transparenten Hintergrund
• mit allgemein gedämpften Farben.

Seit jeher hatte Wort Symbolleisten (auch als Befehl Bars bekannt) am oberen Rand des Bildschirms, mit Knöpfen Befehle aufrufen. In Word 2007, dass sich alles verändert. Microsoft führte die Band um Symbolleisten ersetzen.
Entwickler von Vorlagen und Tools können die Multifunktionsleiste durch Hinzufügen neuer Registerkarten, Gruppen-Tasten anpassen, usw. Menüs der Multifunktionsleiste. Diese neue Steuerelemente können benutzerdefinierte Bilder.
Dieser Artikel zeigt Probleme bei der Erstellung von Bildern verwendet, um die Multifunktionsleiste in Word 2007 und Word 2010 anpassen.
Für viele Bilder der Multifunktionsleiste finden Sie Word 2007 und Word 2010: Ribbon Tutorial.

Bildgröße

Es gibt zwei Größen der Bilder in das Anpassen der Multifunktionsleiste verwendet:

• groß: 32 x 32 Pixel
• normal: 16 x 16 Pixel.

In Word 2010 können wir ein Bild zu einer Gruppe zuordnen, sowie eine individuelle Steuerung. Gruppe Bilder werden immer bei 16 x 16 Pixel angezeigt.
In der Regel reicht ein 16 × 16 Bild auf einem großen Kontrolle sieht schrecklich aus. In einigen Fällen wird ein 32 × 32 Bild auf einem normal großen Steuerung gut aussehen. Aber manchmal wird es aussehen grauenhaft.
So ist es wichtig, alle Bilder für benutzerdefinierte Steuerelemente in zwei Versionen zu produzieren: von 32 x 32 Pixel und 16 x 16 Pixel.

Bildformat

Es ist möglich, zu verwenden. Jpg,. Jpeg,. Gif,. Wmf,. Bmp,. Ico oder. Png-Dateien, um das Farbband anpassen.
Einige Formate funktionieren besser als andere. Zum Beispiel, wenn Sie eine. Ico-Datei, und verwenden Sie eine Schaltfläche unenable zu zeigen, dass es nicht in irgendeinen Umstand relevant, dann Word kann nicht die Taste als "ausgegraut".
Das beste Format ist PNG, mit einem transparenten Hintergrund, wenn das Bild nicht den gesamten Platz von 32 × 32 Pixel oder 16 x 16 Pixel.
Es ist ein bisschen schwieriger für den Entwickler ein. Png-Datei zu verwenden, weil Sie GDI + verwenden, um es zu laden haben. Aber es lohnt sich für die Bildqualität und Transparenz, png bietet.
Für tehnical Informationen zu Image-Format zu sehen RibbonX Bild FAQ by Eric Faller bei Jensen Harris Blog.

Hintergrund Transparenz

Es ist in Ordnung, wenn das Bild für eine Schaltfläche deckt das gesamte Quadrat. Wenn das Bild nicht deckt den vollen Platz, muss der Hintergrund transparent sein. Und das ist ein Grund, dass eine. Png-Datei gut für Bilder für die Band ist.
Ein schwarzer oder weißer Hintergrund sieht schrecklich aus.
Die Alternative zu einem transparenten Hintergrund wäre, den Hintergrund unseres Schaltflächenbild zu der Farbe des Bandes selbst entsprechen, so dass es in Blends '. Aber das ist nicht möglich, aus zwei Gründen:

• die Hintergrundfarbe des Bandes in Word 2007 unterscheidet sich von der Band in Word 2010 (und wenn wir für das Jahr 2007 zu entwickeln sind, können wir vernünftigerweise erwarten, dass der Client eine Verbindung zu 2010 1 Tag aktualisieren, und wir würden nicht haben wollen, um wieder erstellen alle Bilder)
• sowohl in Word 2007 und Word 2010, kann der Benutzer die gesamte Farbschema ändern, so ein Knopf gemacht 'Match' ein Farbschema aussehen wird schlecht, wenn der Benutzer ein anderes Farbschema.

So transparentem Hintergrund sind unerlässlich.
Für weitere technische Informationen über die Transparenz für ribbon Bilder bewahren den Alpha-Kanal bei der Konvertierung von Bildern von Andrew Whitechapel.

Look and Feel

Benutzerdefinierte Bilder am besten aussehen, wenn sie den allgemeinen Look and Feel der eingebauten Bildern.
Es gibt zwei Gründe dafür:

1. Ich will die Werkzeuge, die ich erstellen zu schauen, wie sie gehören, nicht wie ein schlechtes Haus Erweiterung. Ich bin ein Add-in Bau, kein Add-on! Die Bilder auf meine benutzerdefinierte Werkzeuge sollten schauen, wie sie aus der gleichen Schule wie die eingebauten Bildern kommen.
2. Wenn ich das Erstellen von benutzerdefinierten Steuerelementen auf der Multifunktionsleiste bin, werde ich zuerst schauen, um zu sehen, ob es einen eingebauten Bild, das ich benutzen kann. Microsoft hat Hunderte von ihnen zur Verfügung gestellt, und es ist oft etwas passendes für meine Bedürfnisse. Wenn ich etwas nicht finden eingebaut, dann werde ich eine benutzerdefinierte Bild. So könnte ich ein Menü mit einem halben Dutzend Tasten und die Schaltflächen können eine Mischung von integrierten und benutzerdefinierten Bilder haben. Deshalb, wie es passt alles zusammen betrachten, finde ich es am besten funktioniert, wenn die benutzerdefinierte Bilder die gleiche Look'n'Feel die eingebauten Bilder haben.

Farben für ribbon Bilder

Es ist sehr einfach zu sehr hässlich Anpassungen für die Multifunktionsleiste erstellen.
Das erste Mal habe ich eine erhebliche benutzerdefinierte Registerkarte auf der Multifunktionsleiste war für ein Projekt ich aus Word 2003 zu Word 2007 Konvertieren wurde. Wo möglich, dass ich meine bestehende Befehlsleiste verwendet werden (dh Toolbar)-Taste Bilder. In einigen Fällen habe ich neue geschaffen.
Der Effekt war schrecklich. Brightly farbigen Tasten, die OK in Word 2003 arbeitete sah grell und fehl am Platz in Word 2007.
Ich denke, es gibt zwei Gründe dafür:

1. Standardmäßig ist das Farbschema für Word 2007 blau. Und das nicht nur eine blaue, aber eine deutliche Steigung der Blues. Helle Farben auf der Oberseite des blauen einfach nicht funktioniert.
2. In Word 2003 und davor war eine Symbolleiste ein-dimensional: Knöpfe waren alle die gleiche Größe, und setzte sich in saubere horizontale Zeilen. Während wir Kombinationsfelder und Textfelder auf altmodische Symbolleisten verwenden konnte, war es selten. Die Multifunktionsleiste ist komplexer. Es ist in zwei Dimensionen; Tasten sind nicht alle die gleiche Größe, und es gibt eine Vielzahl von Kontrollen: Buttons, Menüs, Boxen in eingeben, ankreuzen, etc. Die Multifunktionsleiste ist komplex genug. Hinzufügen einer Vielzahl von Farben sah einfach chaotisch.

Ich hatte zu überdenken.
Durch Beobachtung und durch die Verwendung eines On-Screen-Farb-Picker , entdeckte ich, dass die eingebauten Ribbon-Steuerelemente eine sehr kleine Palette von allgemein gedämpften Farben zu verwenden.
Mein Ziel ist es, meine benutzerdefinierten Steuerelemente schauen, wie sie in Word gehören. Also habe ich in der Regel versuchen, um Bilder, die die allgemeine Look'n'Feel der integrierten Steuerungen passen zu verwenden.