mirror of
https://github.com/processing/processing4.git
synced 2026-01-30 11:51:54 +01:00
120 lines
2.7 KiB
Plaintext
120 lines
2.7 KiB
Plaintext
/**
|
|
* Scrollbar.
|
|
*
|
|
* Move the scrollbars left and right to change the positions of the images.
|
|
*/
|
|
|
|
HScrollbar hs1, hs2;
|
|
|
|
PImage top, bottom; // Two image to load
|
|
int topWidth, bottomWidth; // The width of the top and bottom images
|
|
|
|
|
|
void setup() {
|
|
size(640, 360);
|
|
noStroke();
|
|
hs1 = new HScrollbar(0, height*0.33, width, 20, 3*5+1);
|
|
hs2 = new HScrollbar(0, height*0.66, width, 20, 3*5+1);
|
|
top = loadImage("seedTop.jpg");
|
|
topWidth = top.width;
|
|
bottom = loadImage("seedBottom.jpg");
|
|
bottomWidth = bottom.width;
|
|
}
|
|
|
|
void draw() {
|
|
background(255);
|
|
|
|
// Get the position of the top scrollbar
|
|
// and convert to a value to display the top image
|
|
float topPos = hs1.getPos()-width/2;
|
|
fill(255);
|
|
image(top, width/2-topWidth/2 + topPos*2, 0);
|
|
|
|
// Get the position of the bottom scrollbar
|
|
// and convert to a value to display the bottom image
|
|
float bottomPos = hs2.getPos()-width/2;
|
|
fill(255);
|
|
image(bottom, width/2-bottomWidth/2 + bottomPos*2, height/2);
|
|
|
|
hs1.update();
|
|
hs2.update();
|
|
hs1.display();
|
|
hs2.display();
|
|
}
|
|
|
|
|
|
class HScrollbar {
|
|
int swidth, sheight; // width and height of bar
|
|
float xpos, ypos; // x and y position of bar
|
|
float spos, newspos; // x position of slider
|
|
float sposMin, sposMax; // max and min values of slider
|
|
int loose; // how loose/heavy
|
|
boolean over; // is the mouse over the slider?
|
|
boolean locked;
|
|
float ratio;
|
|
|
|
HScrollbar (float xp, float yp, int sw, int sh, int l) {
|
|
swidth = sw;
|
|
sheight = sh;
|
|
int widthtoheight = sw - sh;
|
|
ratio = (float)sw / (float)widthtoheight;
|
|
xpos = xp;
|
|
ypos = yp-sheight/2;
|
|
spos = xpos + swidth/2 - sheight/2;
|
|
newspos = spos;
|
|
sposMin = xpos;
|
|
sposMax = xpos + swidth - sheight;
|
|
loose = l;
|
|
}
|
|
|
|
void update() {
|
|
if(overEvent()) {
|
|
over = true;
|
|
} else {
|
|
over = false;
|
|
}
|
|
if(mousePressed && over) {
|
|
locked = true;
|
|
}
|
|
if(!mousePressed) {
|
|
locked = false;
|
|
}
|
|
if(locked) {
|
|
newspos = constrain(mouseX-sheight/2, sposMin, sposMax);
|
|
}
|
|
if(abs(newspos - spos) > 1) {
|
|
spos = spos + (newspos-spos)/loose;
|
|
}
|
|
}
|
|
|
|
float constrain(float val, float minv, float maxv) {
|
|
return min(max(val, minv), maxv);
|
|
}
|
|
|
|
boolean overEvent() {
|
|
if(mouseX > xpos && mouseX < xpos+swidth &&
|
|
mouseY > ypos && mouseY < ypos+sheight) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
void display() {
|
|
fill(204);
|
|
rect(xpos, ypos, swidth, sheight);
|
|
if(over || locked) {
|
|
fill(0, 0, 0);
|
|
} else {
|
|
fill(102, 102, 102);
|
|
}
|
|
rect(spos, ypos, sheight, sheight);
|
|
}
|
|
|
|
float getPos() {
|
|
// Convert spos to be values between
|
|
// 0 and the total width of the scrollbar
|
|
return spos * ratio;
|
|
}
|
|
}
|