Processing Forum

Screen name:
mike_a_wake

mike_a_wake's Profile

2 Posts

0 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

How to acces the number of items in the controlP5 group?

[0 Replies]
- 24-Apr-2012 07:44 AM
- Forum: Contributed Library Questions
We have encountered a problem with the controlP5 library. We would like to add CheckBoxes as well as RadioButtons (see code below). But when we actually catch the controlEvent there only seem to be seven items in there and not fourteen as supposed (7 RadioButtons + 7 Checkboxes).
1. import controlP5.*;
4. ControlP5 cp5;
5. CheckBox checkbox;
6. RadioButton modus;
9. PImage filterT; PImage modusT;
10. PImage normal1; PImage over1; PImage aktive1;
11. PImage normal2; PImage over2; PImage aktive2;
12. PImage normal3; PImage over3; PImage aktive3;
13. PImage normal4; PImage over4; PImage aktive4;
14. PImage normal5; PImage over5; PImage aktive5;
15. PImage normal6; PImage over6; PImage aktive6;
16. PImage normal7; PImage over7; PImage aktive7;
18. void setup()
19. {
21. normal1 =loadImage("n01.png"); over1 =loadImage("o01.png"); aktive1 =loadImage("a01.png");
22. normal2 =loadImage("n02.png"); over2 =loadImage("o02.png"); aktive2 =loadImage("a02.png");
23. normal3 =loadImage("n03.png"); over3 =loadImage("o03.png"); aktive3 =loadImage("a03.png");
24. normal4 =loadImage("n04.png"); over4 =loadImage("o04.png"); aktive4 =loadImage("a04.png");
25. normal5 =loadImage("n05.png"); over5 =loadImage("o05.png"); aktive5 =loadImage("a05.png");
26. normal6 =loadImage("n06.png"); over6 =loadImage("o06.png"); aktive6 =loadImage("a06.png");
27. normal7 =loadImage("n07.png"); over7 =loadImage("o07.png"); aktive7 =loadImage("a07.png");
30. cp5 = new ControlP5(this);
31. checkbox = cp5.addCheckBox("checkBox", 210, spaceTop+325);
32. modus = cp5.addRadioButton("radioButton",100,490);
34. // make adjustments to the layout of a checkbox.
35. checkbox.setColorForeground(color(80));
36. checkbox.setColorActive(color(255));
37. checkbox.setColorLabel(color(80));
38. checkbox.setItemsPerRow(7);
39. checkbox.setSpacingColumn(space-11);
40. checkbox.setColorBackground(color(20));
43. // make adjustments to the a Modus Button
44. modus.setItemsPerRow(7);
45. modus.setSpacingColumn(32);
46. modus.setItemHeight(131);
47. modus.setItemWidth(131);
49. // add a Modus Button
50. addToRadioButton1(modus,"01",1);
51. addToRadioButton2(modus,"02",2);
52. addToRadioButton3(modus,"03",3);
53. addToRadioButton4(modus,"04",4);
54. addToRadioButton5(modus,"05",5);
55. addToRadioButton6(modus,"06",6);
56. addToRadioButton7(modus,"07",7);
57. modus.activate(3);
60. // add items to a checkbox.
61. checkbox.addItem(" Connect Slider 1", 1);
62. checkbox.addItem(" Connect Slider 2", 1);
63. checkbox.addItem(" Connect Slider 3", 1);
64. checkbox.addItem(" Connect Slider 4", 1);
65. checkbox.addItem(" Connect Slider 5", 1);
66. checkbox.addItem(" Connect Slider 6", 1);
67. checkbox.addItem(" Connect Slider 7", 1);
68. }
71. void addToRadioButton1(RadioButton theRadioButton, String theName, int theValue ) {
72. Toggle t = theRadioButton.addItem(theName,theValue);
73. t.setImages(normal1, over1, aktive1); }
74. void addToRadioButton2(RadioButton theRadioButton, String theName, int theValue ) {
75. Toggle t = theRadioButton.addItem(theName,theValue);
76. t.setImages(normal2, over2, aktive2);}
77. void addToRadioButton3(RadioButton theRadioButton, String theName, int theValue ) {
78. Toggle t = theRadioButton.addItem(theName,theValue);
79. t.setImages(normal3, over3, aktive3);}
80. void addToRadioButton4(RadioButton theRadioButton, String theName, int theValue ) {
81. Toggle t = theRadioButton.addItem(theName,theValue);
82. t.setImages(normal4, over4, aktive4);}
83. void addToRadioButton5(RadioButton theRadioButton, String theName, int theValue ) {
84. Toggle t = theRadioButton.addItem(theName,theValue);
85. t.setImages(normal5, over5, aktive5);}
86. void addToRadioButton6(RadioButton theRadioButton, String theName, int theValue ) {
87. Toggle t = theRadioButton.addItem(theName,theValue);
88. t.setImages(normal6, over6, aktive6);}
89. void addToRadioButton7(RadioButton theRadioButton, String theName, int theValue ) {
90. Toggle t = theRadioButton.addItem(theName,theValue);
91. t.setImages(normal7, over7, aktive7);}
94. void controlEvent(ControlEvent theEvent) {
95. if (theEvent.isGroup()) {
96. for (int i=0;i<theEvent.group().arrayValue().length;i++) {
97. int n = (int)theEvent.group().arrayValue()[i];
98. println(theEvent.group().arrayValue()[i]+ " "+ n);
99. bodyModus = (int)(theEvent.group().arrayValue()[i]);
100. }
101. }
102. }

ControlLP5 | Bug withe mouse Over in Radiobutton

[0 Replies]
- 21-Apr-2012 10:20 AM
- Forum: Contributed Library Questions
hello, i am e semiNoob in processing.
now i use the control p5 libary for radiobuttons.

but i have problem with the MOUSE_OVER.

the mouse over appears, but it take the PImage from MODUS:aktive..! why?

all images are different!

..and all images are fine and full loaded.

here is the code.

thx soo mutch for help!!!!!!!!! ;)
1. import controlP5.*;
2. RadioButton modus;
4. void setup() {
6. normal1 =loadImage("n01.png"); over1 =loadImage("o01.png"); aktive1 =loadImage("a01.png");
7. normal2 =loadImage("n02.png"); over2 =loadImage("o02.png"); aktive2 =loadImage("a02.png");
8. normal3 =loadImage("n03.png"); over3 =loadImage("o03.png"); aktive3 =loadImage("a03.png");
9. normal4 =loadImage("n04.png"); over4 =loadImage("o04.png"); aktive4 =loadImage("a04.png");
10. normal5 =loadImage("n05.png"); over5 =loadImage("o05.png"); aktive5 =loadImage("a05.png");
11. normal6 =loadImage("n06.png"); over6 =loadImage("o06.png"); aktive6 =loadImage("a06.png");
12. normal7 =loadImage("n07.png"); over7 =loadImage("o07.png"); aktive7 =loadImage("a07.png");
14. cp5 = new ControlP5(this);
15. modus = cp5.addRadioButton("radioButton",100,490);
19. // add a Modus Button
20. modus.setItemsPerRow(7);
21. modus.setSpacingColumn(34);
22. modus.setItemHeight(131);
23. modus.setItemWidth(131);
25. addToRadioButton1(modus,"01",1);
26. addToRadioButton2(modus,"02",2);
27. addToRadioButton3(modus,"03",3);
28. addToRadioButton4(modus,"04",4);
29. addToRadioButton5(modus,"05",5);
30. addToRadioButton6(modus,"06",6);
31. addToRadioButton7(modus,"07",7);
32. modus.activate(2);
35. }
38. // ------------ ------------ ------------ ------------ ------------ ------------ ------------
39. // > MODUS BUTTON | Funtion
40. // ------------ ------------ ------------ ------------ ------------ ------------ ------------
42. void addToRadioButton1(RadioButton theRadioButton, String theName, int theValue ) {
43. Toggle t = theRadioButton.addItem(theName,theValue);
44. t.setImages(normal1, over1, aktive1); }
45. void addToRadioButton2(RadioButton theRadioButton, String theName, int theValue ) {
46. Toggle t = theRadioButton.addItem(theName,theValue);
47. t.setImages(normal2, over2, aktive2);}
48. void addToRadioButton3(RadioButton theRadioButton, String theName, int theValue ) {
49. Toggle t = theRadioButton.addItem(theName,theValue);
50. t.setImages(normal3, over3, aktive3);}
51. void addToRadioButton4(RadioButton theRadioButton, String theName, int theValue ) {
52. Toggle t = theRadioButton.addItem(theName,theValue);
53. t.setImages(normal4, over4, aktive4);}
54. void addToRadioButton5(RadioButton theRadioButton, String theName, int theValue ) {
55. Toggle t = theRadioButton.addItem(theName,theValue);
56. t.setImages(normal5, over5, aktive5);}
57. void addToRadioButton6(RadioButton theRadioButton, String theName, int theValue ) {
58. Toggle t = theRadioButton.addItem(theName,theValue);
59. t.setImages(normal6, over6, aktive6);}
60. void addToRadioButton7(RadioButton theRadioButton, String theName, int theValue ) {
61. Toggle t = theRadioButton.addItem(theName,theValue);
62. t.setImages(normal7, over7, aktive7);}

«Prev
Next »

Response title

Attachments

New to this Portal?

Activity Trend