GMGridButton

Extension

Description

GMGridButton is an easy to use customisable multi states button. It will automatically arrange its buttons according to a grid.

It does not discriminate button identifiers.

A note about this documentation

This class is an extension of GMMultiButton. The only difference between those two classes is their drawFunc. See GMMultiButton documentation for methods documentation.

Class Methods

.new

Instance Methods

GMMultiButton methods

See the GMMultiButton class documentation for those methods.

.action

.mouseDownAction

.mouseMoveAction

.states

.state

.allowRetrigger

.allowMouseMove

.free

.orientation

.desindex

.direction

.drawSelected

.fontRatio

.unselectedRatio

.setColorAll

.setFontColorAll

.displayAltValue

.svgRatio

Internal Methods

.draw

.prResizeSVGs

.prGetGridOrga

Examples

Used as a rudimentary keyboard :( s.waitForBoot({ var freqs = [45, 47, 48, 50, 52, 53, 55]; var allFreqs = []; var names = ["A", "B", "C", "D", "E", "F", "G"]; var states = List(0); var win = Window( "", Rect(100, 100, 700, 700) ); var keyboard; 7.do({ |index| allFreqs = allFreqs ++ (freqs + ((index + 1) * 12)); }); allFreqs = allFreqs.midicps; 7.do({ |octave| var octaveColor = Color.rand; 7.do({ |note| states.add(( string: names[note] ++ (octave + 1).asString, color: octaveColor, fontColor: Color.black )); }); }); keyboard = GMGridButton() .states_(states) .drawSelected_(false) .unselectedRatio_(0.9) .allowRetrigger_(true) .action_({ |index| Synth(\GMPercSine, [\freq, allFreqs[index]]); }); SynthDef(\GMPercSine, { |amp = 0.25, freq = 440| var snd = SinOsc.ar(freq, mul: amp); snd = snd * EnvGen.kr( Env.perc, doneAction: Done.freeSelf ); Out.ar(0, snd!2); }).add; win.layout_( VLayout() .margins_(0) .add(keyboard) ); CmdPeriod.doOnce({ win.close; }); win.front; }); )