Buttonbars selbstgemacht
Plattform: GM7 Pro, mit kleinen Abänderungen auch GM6 registriert
Also, vielleicht kennt ihr die Buttonbar-Extension von der GMC. Wenn nicht schaut dort mal rein und testet sie. Also ich habe mir gedacht, dass man damit nur sehr bedingt arbeiten kann und wollte mir selber so etwas zusammenscripten. Was herausgekommen ist:
Man kann maximal 15 Buttons einfügen, mit individueller Beschriftung und Aktionen. Die Buttonbar lässt sich mit Hilfe von *.png-Bildern "skinnen", also ist es ganz leicht ein eigenes Design zu machen (siehe nächster Absatz). Man kann die Buttonbar auch mit der Maus verschieben. Also legen wir los:
Wir brauchen mindestens diese drei Scripte: bar_init, bar_refesh und bar_draw (für Erleichterung der Arbeit eventuell ein scr_befehle).
Als erstes brauchen wir ein Desing. Dazu verwenden wir ein Programm wie Photoshop, Gimp etc, auf jedenfall eines, das Transparenz unterstützt. Wir zeichnen eine rechte Seite, eine mittlere und eine linke. Wichtig ist, dass alle gleich breit sind. Die mittlere sollte so sein, dass sie gestreckt werden kann. Alle Teile kommen nebeneinander, sodass die Buttonbar schon fertig aussieht im Programm werden sie dann wieder geteilt. Wenn wir mit der Buttonbar fertig sind, kommen die Buttons. dazu müssen drei Buttons nebeneinander gezeichnet werden, in der Reihenfolge: normal, fokus, gedrückt
Die Buttonbar und die Buttons sollten von einer Breite sein, die durch 3 teilbar ist. Danach speichern wir die Buttonbar im Verzeichnis unserer gmk-datei unter einem Unterordner "Skins" und dort in einen Ordner "default" unter dem Namen "bar.png" und die Buttons unter dem Namen "button.png". dann erstellen wir eine Textdatei mit dem Namen "skin_info.txt" in die wir schreiben:
col ist die Textfarbe des Buttons, font die Schriftart, size die Schriftgröße, bold und italic die typen (1 oder 0). r_offset ist der Abstand eines Buttons zur rechten Seite der Buttonbar und l_offset zur linken. t_offset ist der obere Abstand, der hier mit der Funktion "(bar_h-but_h)/2" angegeben wird, was heißt, dass der Button ganau in der Mitte gezeichnet wird. Zu guter Letzt spacing, was der horizontale Abstand zwischen den Buttons ist. So, kommen wir endlich zum GM. Wir erstellen zwei Sprites "spr_bar" und "spr_button" und ein font "fnt_button". Dann kommen wir zum ersten script, bar_init:
Den müssen wir einem controller-Objekt inst create event geben, außerdem schreiben wir:
Ihr seht, ein Script mit dem Namen scr_befehle wird ausgeführt. in diesem Script werden Befehle verkürzt, bsp fürs skinwechseln:
In anführunszeichen deshalb, weil wir mit einer execute_string funktion arbeiten.
danach kommt der script "bar_refresh" wo einfach ein paar variablen erneuert werden (zb wenn der skin gewechselt wir, wäre es gut, wenn dieser script ausgeführt wird):
Sooo, jetzt kommt das aufwendigste, das Draw-Event (bar_draw):
Viel Code, es steckt aber nur das Zeichnen der Buttons und überprüfen der Mauspositon dahinter (man kann das mit einem extra script und argumenten verkürzen). Das kommt jetzt noch ins Draw-Event des Controller Objekts, mit den Argumenten, für die Aktionen. Im Beispiel sieht das so aus:
Zu guter letzt: es ist möglich den Text eines Buttons über die Variable "text[x]" zu ändern oder abzufragen (wobei x eine Zahl von 0 bis 14 ist)
Hinweis: Ich empfehle, den Room-Speed zu erhöhen, damit das mit dem Maus-Verschieben funktioniert.
Als Beispiel habe ich auch eine datei angehängt.
Plattform: GM7 Pro, mit kleinen Abänderungen auch GM6 registriert
Also, vielleicht kennt ihr die Buttonbar-Extension von der GMC. Wenn nicht schaut dort mal rein und testet sie. Also ich habe mir gedacht, dass man damit nur sehr bedingt arbeiten kann und wollte mir selber so etwas zusammenscripten. Was herausgekommen ist:
Man kann maximal 15 Buttons einfügen, mit individueller Beschriftung und Aktionen. Die Buttonbar lässt sich mit Hilfe von *.png-Bildern "skinnen", also ist es ganz leicht ein eigenes Design zu machen (siehe nächster Absatz). Man kann die Buttonbar auch mit der Maus verschieben. Also legen wir los:
Wir brauchen mindestens diese drei Scripte: bar_init, bar_refesh und bar_draw (für Erleichterung der Arbeit eventuell ein scr_befehle).
Als erstes brauchen wir ein Desing. Dazu verwenden wir ein Programm wie Photoshop, Gimp etc, auf jedenfall eines, das Transparenz unterstützt. Wir zeichnen eine rechte Seite, eine mittlere und eine linke. Wichtig ist, dass alle gleich breit sind. Die mittlere sollte so sein, dass sie gestreckt werden kann. Alle Teile kommen nebeneinander, sodass die Buttonbar schon fertig aussieht im Programm werden sie dann wieder geteilt. Wenn wir mit der Buttonbar fertig sind, kommen die Buttons. dazu müssen drei Buttons nebeneinander gezeichnet werden, in der Reihenfolge: normal, fokus, gedrückt
Die Buttonbar und die Buttons sollten von einer Breite sein, die durch 3 teilbar ist. Danach speichern wir die Buttonbar im Verzeichnis unserer gmk-datei unter einem Unterordner "Skins" und dort in einen Ordner "default" unter dem Namen "bar.png" und die Buttons unter dem Namen "button.png". dann erstellen wir eine Textdatei mit dem Namen "skin_info.txt" in die wir schreiben:
col ist die Textfarbe des Buttons, font die Schriftart, size die Schriftgröße, bold und italic die typen (1 oder 0). r_offset ist der Abstand eines Buttons zur rechten Seite der Buttonbar und l_offset zur linken. t_offset ist der obere Abstand, der hier mit der Funktion "(bar_h-but_h)/2" angegeben wird, was heißt, dass der Button ganau in der Mitte gezeichnet wird. Zu guter Letzt spacing, was der horizontale Abstand zwischen den Buttons ist. So, kommen wir endlich zum GM. Wir erstellen zwei Sprites "spr_bar" und "spr_button" und ein font "fnt_button". Dann kommen wir zum ersten script, bar_init:
Den müssen wir einem controller-Objekt inst create event geben, außerdem schreiben wir:
GML-Quellcode
- // Laden des Default-Skins.
- sprite_replace_alpha(spr_bar,'skins\default\bar.png',3,0,0,0,0)
- sprite_replace_alpha(spr_button,'skins\default\button.png',3,0,0,0,0)
- // Ausführen der Scripte für die Definition der Befehle, und die
- // Werte für die Buttonbar.
- script_execute(scr_befehle)
- script_execute(bar_init)
Ihr seht, ein Script mit dem Namen scr_befehle wird ausgeführt. in diesem Script werden Befehle verkürzt, bsp fürs skinwechseln:
In anführunszeichen deshalb, weil wir mit einer execute_string funktion arbeiten.
danach kommt der script "bar_refresh" wo einfach ein paar variablen erneuert werden (zb wenn der skin gewechselt wir, wäre es gut, wenn dieser script ausgeführt wird):
Sooo, jetzt kommt das aufwendigste, das Draw-Event (bar_draw):
Viel Code, es steckt aber nur das Zeichnen der Buttons und überprüfen der Mauspositon dahinter (man kann das mit einem extra script und argumenten verkürzen). Das kommt jetzt noch ins Draw-Event des Controller Objekts, mit den Argumenten, für die Aktionen. Im Beispiel sieht das so aus:
Zu guter letzt: es ist möglich den Text eines Buttons über die Variable "text[x]" zu ändern oder abzufragen (wobei x eine Zahl von 0 bis 14 ist)
Hinweis: Ich empfehle, den Room-Speed zu erhöhen, damit das mit dem Maus-Verschieben funktioniert.
Als Beispiel habe ich auch eine datei angehängt.
© 2008 by Teamgrill Productions
