controlp5 dropdown in back

Contributed Library Questions

clankill3r

in Contributed Library Questions • 1 year ago

Is there a way to have a dropdown list that opens to be drawn on top of the other groups?

Replies(3)

calsign

Re: controlp5 dropdown in back

1 year ago

Look at this post.

clankill3r

Re: controlp5 dropdown in back

1 year ago

I use groups and a accordion, i can't seem to get the solution there to be working on mine.
I will provide some code later, don't have time now.

But maybe someone all ready knows how to set the draw order of a accordion.

clankill3r

Re: controlp5 dropdown in back

1 year ago

here is some code that shows the problem:

Hope someone can fix this as well.

import controlP5.*;
ControlP5 cp5;
Accordion accordion;
void setup() {
size(400, 600);
noStroke();
smooth();
gui();
}
void gui() {
cp5 = new ControlP5(this);
// group number 1, contains 2 bangs
Group g1 = cp5.addGroup("setup")
.setBackgroundColor(color(0, 64))
.setBackgroundHeight(150)
;
DropdownList d1 = cp5.addDropdownList("myList-d1")
.setPosition(10, 100)
.moveTo(g1)
;
customize(d1);
// group number 2, contains a radiobutton
Group g2 = cp5.addGroup("myGroup2")
.setBackgroundColor(color(0, 64))
.setBackgroundHeight(150)
;
// create a new accordion
// add g1, g2, and g3 to the accordion.
accordion = cp5.addAccordion("acc")
.setPosition(40,40)
.setWidth(200)
.addItem(g1)
.addItem(g2)
;
cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.open(0,1);}}, 'o');
cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.close(0,1);}}, 'c');
cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.setWidth(300);}}, '1');
cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.setPosition(0,0);accordion.setItemHeight(190);}}, '2');
cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.setCollapseMode(ControlP5.ALL);}}, '3');
cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.setCollapseMode(ControlP5.SINGLE);}}, '4');
cp5.mapKeyFor(new ControlKey() {public void keyEvent() {cp5.remove("myGroup1");}}, '0');
//{{accordion.open(0,1,2);}};
accordion.open(0,1);
}
void customize(DropdownList ddl) {
// a convenience function to customize a DropdownList
ddl.setBackgroundColor(color(190));
ddl.setItemHeight(20);
ddl.setBarHeight(15);
ddl.captionLabel().set("dropdown");
ddl.captionLabel().style().marginTop = 3;
ddl.captionLabel().style().marginLeft = 3;
ddl.valueLabel().style().marginTop = 3;
for (int i=0;i<40;i++) {
ddl.addItem("item "+i, i);
}
//ddl.scroll(0);
ddl.setColorBackground(color(60));
ddl.setColorActive(color(255, 128));
}
void draw() {
background(220);
}

Top Reply