使用处理制作离散滑块

Question

如何使用处理使我的滑块离散？这是我的代码。我需要将其与0-10的值进行离散。我已经提出了一些线指标，我只需要使其离散。您能给我一个关于如何做的想法吗？

到目前为止，我们现在所做的只是连续的滑块，拇指的行驶非常顺利。我们如何在同一滑块中添加步骤以制作离散的滑块？这是同一滑块的一个示例，但是有10个步骤，而不是返回之间的每个值。

    int x=75;
    
    void setup() {
      size(600,400);
    }
    
    void draw() {
      background(100);
      fill (200);
      rect (75, 25, 400, 50);
      stroke(0);
      
      if(mousePressed) {
      if (mouseX >75 && mouseX <= 475)
        {x=mouseX;}
        }
      fill(127,0,0);
      rect (x, 20, 9, 60); 
      fill (255);
 
      // Left Button
      fill (200);
      rect (10, 25, 50, 50);
    {
      if (mousePressed == true) {
        if (mouseX <= 50 && (mouseY >= 40 && mouseY <= 60)) {
        fill(255);
        if (x>100){
        x-=20;
      } else {
        x=75;
      }
      } else {
        fill(0);
      }
      }
      if (mousePressed == false) {
      fill (0);
      }
      triangle (50, 60, 50, 40, 15, 50);
    }
      
      // Right button
      fill (200);
      rect (490, 25, 50, 50);
      {
      if (mousePressed == true) {
        if (mouseX >= 500 && (mouseY >= 40 && mouseY <= 60)) {
        fill(255);
        if (x<470){
          x+=20;
      } 
      else {
        x=470;
      }
        } else {
        fill(0);
      }
 }
      if (mousePressed == false) {
      fill (0);
      }
      triangle (500, 60, 500, 40, 535, 50);
    }
      println(x);
      
      line (115, 60, 115, 90);
      line (155, 60, 155, 90);
      line (195, 60, 195, 90);
      line (235, 60, 235, 90);
      line (275, 60, 275, 90);
      line (315, 60, 315, 90);
      line (355, 60, 355, 90);
      line (395, 60, 395, 90);
      line (435, 60, 435, 90);
    }

Answer 1

解决您的问题的方法不同：

最简单的实现是将矩形绘制到正确的位置，但像您已经一样存储X值。

标签在滑块中的位置是：

int length = 400; //length of the slider
int steps = 10; //steps for the slider
int start = 75; //start of the slider

int currentStep = round(((float)steps)*(x - start)/length);
//The float parse is important
//round(), ceil() or floor() will work 

int correctedPos = round(((float)length)/steps*currentStep) + start;

然后只需在正确的位置绘制RECT即可；

rect(correctedPos, 20, 9, 60);

第二个选项将存储CurrentStep，而不是您已经存储的X。您的按钮将必须增加或减少CurrentStep而不是X。然后，您还必须按照我已经显示的，必须计算correctedPos。