Stap 5: Widget Dashboard
Hier is een schets met alle van de huidige widgets. U kunt gewoon commentaar uit secties van de widget setup als u niet wilt gebruiken, of laat hen in (ze zal niet worden aangesloten op elke arduino gedrag als de bijbehorende pinnen zijn niet bekabeld, maar dat is OK, tenzij u wilt gebruiken de pinnen voor iets anders).
De volledige lijst van de huidige ArdWidgets is:
ArdWidgetButton - maakt een digitale ingang of uitgang
ArdWidgetHSlider / ArdWidgetVSlider - creëert en analoge INPUT of OUTPUT
(Ingang pinnen komen overeen met de analoge input A0-A6)
ArdWidgetXY - neemt een array van 2 analoge INPUT of OUTPUT pinnen
ArdWidgetGraph - neemt een matrix van een willekeurig aantal analoge INPUT en OUTPUT pinnen,
en een bijbehorende io patroon matrix van INPUT en OUTPUT waarden.
De belangrijke Setup-code waarmee deze widgets is:
/////////////////////////////// Add Some Widgets ////////////////////////////// // Now add widgets to the ArdWidgetCollection. Basic signature is ( int x, int y, int w, int h, int anio, int apin): // Make an INPUT Button on Pin 2 // Single line of code creates a new button Widget and adds to the collection. myWidgets.add(new ArdWidgetButton (50, 50, 40, 40, INPUT, 2)); // Define an appropriate Widget variable in order to keep the reference and then change colors, display text, etc: // Make an OUTPUT Button on Pin 8 ArdWidgetButton button2 = new ArdWidgetButton (100, 50, 40, 40, OUTPUT, 8); button2.lowcolor = color(255,0,0); // set lowcolor to red button2.highcolor = color(0,255,0); // set highcolor to green myWidgets.add(button2); //Make an INPUT Horizontal Slider on Pin AO ArdWidgetHSlider slider3 = new ArdWidgetHSlider (50, 150, 90, 40, INPUT, 0); slider3.highcolor = color(0,0,255); slider3.displayscale = true; // add the scale text (show lowval and highval) myWidgets.add(slider3); //Make an INPUT Vertical Slider on Pin 9 // an INPUT widget's backround is grey by default; mouse interactions don't do anything ArdWidgetVSlider slider1 = new ArdWidgetVSlider(150, 50, 40, 140, OUTPUT, 9); slider1.lowcolor = color(255,0,0); // if lowcolor and highcolor are different, sliders will blend between them. slider1.highcolor = color(0,0,255); slider1.displayname = false; // Don't show the pin name myWidgets.add(slider1); // Note the ArdWidgetXY takes an array of 2 pins! ArdWidgetXY xy1 = new ArdWidgetXY (220, 50, 140, 140, OUTPUT, new int [] {10,11}); // Note how we pass the array of (2) pins xy1.highcolor = color(0,0,255); xy1.displayscale = true; xy1.lowval[Y] = 0; xy1.highval[Y] = 64; // We can set the range to something other // than the default 255 OUTPUT / 2013 INPUT myWidgets.add(xy1); // The ArdWidgetGraph - includes a dynamically created set of sliders and a time graph // Note we provide an array of ios and pins. The count of ios doesn't need to be the same as the pins ArdDefaultDisplayscale = true; myWidgets.add(new ArdWidgetGraph(50, 250, 310, 150, new int[] {OUTPUT, INPUT}, new int [] {3,2,5})); ArdDefaultDisplayscale = false; /////////////////////////////////// Done Adding Widgets ////////////////////////////
