Hey Mitchell,

You should check out the documentation for MyGUI:
http://www.mkv25.net/MyGUI/doc/

Particularly, you should look at the MyGUIStyle and MyGUIButton sections.

In your program you could define different styles, for example:

MyGUIStyle style1 = new MyGUIStyle(this);
MyGUIStyle style2 = new MyGUIStyle(this);
..
MyGUIStyle styleN = new MyGUIStyle(this);

Then, set different color schemes and fonts for each. Check out this thread for help on setting styles: http://processing.org/discourse/yabb_beta/YaBB.cgi?board=Contribution_Responsive;action=display;num=1153688981

Afterwards, you can assign values to your buttons, say something like:

Button1.background = style1.background;
Button2.background = style2.background;
..
ButtonN.background = styleN.background;

I hope that helps.

Cheers,
kirton

having some problems. ive had a go but i guess for now im just a noob atm.

Code:

//import GUI class
import mkv.MyGUI.*;

//button setup
MyGUI gui;
MyGUIButton butFoul1, butFoul2, butFoul3, butFoul4;

//vars
char previousData = 0;
char currentData = 0;

void setup()
{

  //set up window
  size(340, 400);
  framerate(30);

  //Initiate buttons
  gui = new MyGUI(this);
  MyGUIStyle style1 = new MyGUIStyle(this);
  style1.buttonFace = color(144,133,255);
  style2.buttonFace = color(100,77,255);
  style3.buttonFace = color(50,156,255);
  style4.buttonFace = color(12,123,255);

  /*Buttons*/
  //first button
  butFoul1 = new MyGUIButton(this, 40, 20, "Foul 1 ON", 60, 26);
  butFoul1.buttonFace = style1.buttonFace;
  gui.add(butFoul1);

  //second button
  butFoul2 = new MyGUIButton(this, 40, 55, "Foul 2 ON", 60, 26);
  butFoul2.buttonFace = style2.buttonFace;
  gui.add(butFoul2);

  //third button
  butFoul3 = new MyGUIButton(this, 40, 90, "Foul 3 ON", 60, 26);
  butFoul3.buttonFace = style3.buttonFace;
  gui.add(butFoul3);

  //fourth button
  butFoul4 = new MyGUIButton(this, 40, 125, "Foul 4 ON", 60, 26);
  butFoul4.buttonFace = style4.buttonFace;
  gui.add(butFoul4);
}

void draw()
{
  background(55,100,34);
}

// React if the button object was pressed
void actionPerformed(ActionEvent e) {

  /*FOULS ON*/
  if(e.getSource() == butFoul1) { //ERROR switches on automatically
    currentData = 140;
  }
  else if(e.getSource() == butFoul2) {
    currentData = 141;
  }
  else if(e.getSource() == butFoul3) {
    currentData = 142;
  }
  else if(e.getSource() == butFoul4) { //ERROR switches on automatically
    currentData = 145;
  }

//Check if data to send
  if (currentData != previousData) {	
    if (currentData != 0) {		   
	port.write(currentData);		
    }
    previousData = currentData;	     
  }
}
 

Here's a bit of code that should help you out.

import mkv.MyGUI.*;

MyGUI gui;
MyGUIStyle style1, style2, style3;
MyGUIButton b1, b2, b3;

void setup(){
 gui = new MyGUI(this);
 MyGUIStyle style1 = new MyGUIStyle(this);
 MyGUIStyle style2 = new MyGUIStyle(this);
 MyGUIStyle style3 = new MyGUIStyle(this);
 MyGUIButton b1 = new MyGUIButton(this,20,10,"one",30,10);
 MyGUIButton b2 = new MyGUIButton(this,20,30,"two",30,10);
 MyGUIButton b3 = new MyGUIButton(this,20,50,"three",30,10);
 
 style1.background = color(0,0,0);
 style1.buttonFace = color(255,255,255);
 style1.buttonHighlight = color(33,66,99);
 style2.background = color(66,66,66);
 style2.buttonFace = color(188,188,188);
 style2.buttonHighlight = color(99,66,33);
 style3.background = color(128,128,128);
 style3.buttonFace = color(255,0,0);
 style3.buttonHighlight = color(66,99,66);

 b1.setStyle(style1);
 b2.setStyle(style2);
 b3.setStyle(style3);  
 
 gui.add(b1);
 gui.add(b2);
 gui.add(b3);
}

void draw(){
}