[AutoIt] Ribon Oberfläche

03/09/2010 21:21 HardCore.1337#1
Ribbon Oberfläche in AutoIt nutzen


Inhalt
  • Was ist Ribbon?
  • Was brauch ich dafür?
  • Wie verwende ich es?


Was ist die Ribbon Oberfläche?

Unter der Ribbon Oberfläche versteht man die GUI Elemente, die man von office 2007 und dem neuen Win7 her kennt.

[Only registered and activated users can see links. Click Here To Register...]
Diese Funktion ist nun auch in AutoIt mithilfe einer UDF verfügbar.
So könnt ihr eurer GUI den nötigen Pepp geben.

Was brauche ich?

Ok, wir brauchen dazu eine UDF, die ich hier her hab. Im Anhang befindet befindet sich die selber Datei nochmal ;).

[Only registered and activated users can see links. Click Here To Register...]

An dieser Stelle möchte ich euch nochmal sagen das weder die UDF noch die DLL Datein von mir sind!

Wie verwende ich es?

Ok, ich zeige euch nun ein paar sehr einfache Beispiele. Wie immer gilt es probieren, testen und Spaß haben.

Öffnet nun einen neuen Script (im selben Ordner) und included die RibbonsBar.au3

PHP Code:
#include <Ribbonsbar.au3> 
Ok, erstellt eine einfache GUI. Wichtig, die Farbe sollte hellblau sein.
Die optimale Farbe habe ich aus der Test GUI und diese lautet: 0x99B9E3
Nun habt ihr eure Grund GUI auf die ihr weiter aufbauen könnt.

Nun müsst ihr eure GUI initialisieren.
Das geht mit

PHP Code:
$hBar _RibbonsBar_Create$Form1008000'blue'
Damit wird der Grundvorgang bezeichnet. Startet man das Script sieht man allerdings noch nichts.

Warum? Dieser Code muss hier hinein.
[Only registered and activated users can see links. Click Here To Register...]

Startet das Script und ihr seht was.

[Only registered and activated users can see links. Click Here To Register...]
Ok, aber das sieht ja noch ziemlich leer und so aus.
Wir müssen neue GUI Elemente drauf packen.

Also los gehts.
Als erstes machen wir ein Menü.
Das geht mit $hTab_Start = _RibbonsBar_Create_Tab( $hBar, Name)

Statten wir unsere GUI also mit einem Menü aus.
Wie ihr nun seht oben klein "Start" da.
Jetzt geht es um die Unterpunkte.
Dafür gibt es den Befehl

_RibbonsBar_Create_TabItem
Ok, machen wir ein Feld "Einfügen"

PHP Code:
$hItem_Zwischenablage _RibbonsBar_Create_TabItem $hTab_Start'Zwischenablagate_GrandButton($hItem_Zwischenablage,'',467,'Einfügen',52, True ) 
Jetzt müssen aber noch mehr Einträge. Arbeitet also nach dem gleichen Prinzip.

PHP Code:
$hItem_Zwischenablage _RibbonsBar_Create_TabItem $hTab_Start'Zwischenablage' 163 )
$hGrandButton_Einfuegen _RibbonsBar_Create_GrandButton($hItem_Zwischenablage,'',467,'Einfügen',52True )
$hEinfuegen_Context _RibbonsBar_Create_ContextMenu($hGrandButton_Einfuegen)
$OptionsEinfuegen GUICtrlCreateMenuItem("Einfügen"$hEinfuegen_Context)
$OptionsInhaltEinfuegen GUICtrlCreateMenuItem("Inhalte Einfügen"$hEinfuegen_Context)
$OptionsHypEinfuegen GUICtrlCreateMenuItem("Als Hyperlink einfügen"$hEinfuegen_Context)
$hSmallButton_Ausschneiden _RibbonsBar_Create_SmallButton($hItem_Zwischenablage,'',176,1,'Ausschneiden',100)
$hSmallButton_Kopieren _RibbonsBar_Create_SmallButton($hItem_Zwischenablage,'',232,2,'Kopieren',100)
$hSmallButton_Uebertragen _RibbonsBar_Create_SmallButton($hItem_Zwischenablage,'',1375,3,'Übertragen',100)


$hItem_Schriftart _RibbonsBar_Create_TabItem $hTab_Start'Schriftart' 80 
und icons drauf hauen :D

Das geht mit dem Befehl _RibbonsBar_Create_SmallButton

PHP Code:

$hItem_Schriftart 
_RibbonsBar_Create_TabItem $hTab_Start'Schriftart' 80 
Jetzt wurde also ein kleines Icon auf den Eintrag "Schriftart" hinzu gefügt.

Vervollständigen wir also unsere Liste.

PHP Code:
$hItem_Absatz _RibbonsBar_Create_TabItem $hTab_Start'Formatvorlagen' 187 )
$hGrandButton_Formatvorlage _RibbonsBar_Create_GrandButton($hItem_Absatz,'',240,'Formatvorlage ändern',75 )
_RibbonsBar_Create_SmallButton($hItem_Absatz,'',1783,,'Standart',100)
_RibbonsBar_Create_SmallButton($hItem_Absatz,'',5,,'kein Leerraum',100)
_RibbonsBar_Create_SmallButton($hItem_Absatz,'',203,,'Überschrift',100
Dieser Eintrag ist nun die Formartvorlage.
Wie ihr nun sehen könnt, kommen in den Format-vorlagen Tab wieder die Icons.

[Only registered and activated users can see links. Click Here To Register...]

Das wars im Grunde mit dem Aufbau.
Ihr könnt eure GUI natürlich auch noch sehr viel weiter ausbauen, aber in dem Tutorial belasse ich es mal darauf.

Aber jetzt kommt die Frage. Wie steuer ich die Icons oder GUI Elemente an?
Ganz einfach, das selber Prinzip wie bei einer normalen GUI.

PHP Code:
Case $OptionsEinfuegen
               Einfüg Befehl
            
    
Case $OptionsHypEinfuegen
            Hyperlink einfügen 
Das ist ein großer Vorteil.
Das erstellen der eigentlichen GUI ist eventuell noch ein wenig schwierig, aber die Ansteuerung dafür umso leichter.

[Only registered and activated users can see links. Click Here To Register...]

Nun heißt es ausprobieren, testen und lernen. Das soll bloß ein grober Einblick sein was die UDF alles kann.
In dem beispiel habe ich die originale Test GUI.au3 verwendet.
03/12/2010 21:32 .nAno#2
nice :D, nur zu blöd das koda das nicht mitmacht :(