如何让mouseClicked实现mousePressed效果？Processing菜单按钮问题

嘿，我懂你现在的困扰——当前按钮只要按住鼠标就会一直触发事件，但你想要的是完整点击（按下再松开）只触发一次的效果对吧？其实你提到的mouseClicked()函数就是正确方向，只是之前的整合方式没到位，我来帮你调整代码：

问题根源 #

你现在在draw()里判断mousePressed，但draw()会以每秒60次的频率循环执行，所以只要按住鼠标，UIFUNC(i)就会被反复调用，这就是为什么会持续触发的原因。而mouseClicked()是Processing专门用来处理完整点击动作的函数，它只会在点击完成时触发一次，完美匹配你的需求。

修改步骤 #

1. 移除draw()里的重复触发逻辑
   删掉这段会导致重复执行的代码：

   if (buts[i].rectOver && mousePressed){ 
     UIFUNC(i);
   }
   

2. 添加mouseClicked()专属处理函数
   在代码末尾（比如UIFUNC函数后面）添加这个函数，专门处理点击事件：

   void mouseClicked() {
     // 遍历所有按钮，找到被点击的那个
     for (int i = 0; i < buts.length; i++) {
       if (buts[i].rectOver) {
         UIFUNC(i);
         // 找到后跳出循环，避免重复执行
         break;
       }
     }
   }
   

3. （可选）优化提示显示逻辑
   如果你希望点击后只显示一次提示（而不是一直重复显示），可以添加状态变量控制：

   String clickMessage = "";
   

   然后修改UIFUNC函数存储提示内容，再在draw()里绘制这个提示。

修改后的完整代码 #

Button[] buts; // 创建按钮数组
PImage img;
StringList inventory;
String item;
color rectColor = 80;
color rectHighlight = color(51);
color baseColor = color(107);
color currentColor = baseColor;
int rectX = 50;
int rectY = 50;
int awidth=277;
int bheight=300; // 自定义窗口尺寸（内置函数返回值不准确）
int rectSize1=awidth/2;
int rectSize2=bheight/8;
boolean rectOver = false;
// 新增状态变量，存储点击后的提示消息
String clickMessage = "";

void setup() {
  // img = loadImage("Ranma.jpg");
  buts = new Button[4]; // 为数组分配空间
  size(277, 300);
  inventory = new StringList("New Game","Load Game","Options","Exit"); // 初始化按钮文字
  //initializeStars();
  for ( int i= 0; i<4;i++){ // 初始化每个按钮
    buts[i] = new Button(rectX, rectY+(rectSize2+10)*i, rectSize1, rectSize2, rectColor, baseColor,rectHighlight,currentColor, rectOver);
  }
}

void draw() {
  // image(img, 0, 0);
  background(255);
  for (int i= 0; i<4;i++){
    buts[i].update(mouseX, mouseY);
    buts[i].hover();
  }
  for (int i= 0; i<4;i++){ // 绘制按钮文字（放在最后，确保显示在按钮上方）
    item = inventory.get(i);
    fill(255,0,0);
    textSize(16);
    text(item,rectX+awidth/10,rectY+(rectSize2+10)*i+30);
  }
  // 绘制点击提示消息
  if (!clickMessage.isEmpty()) {
    textSize(32);
    fill(255, 0, 0);
    text(clickMessage, rectX, rectY);
    // 可选：2秒后自动清除消息（120帧=2秒）
    // if (frameCount % 120 == 0) {
    //   clickMessage = "";
    // }
  }
}

class Button{
  int rectX, rectY; // 按钮位置
  int rectSize1, rectSize2; // 按钮宽高
  color rectColor, baseColor;
  color rectHighlight;
  color currentColor;
  boolean rectOver; // 鼠标是否悬停在按钮上

  Button(int tempRectX, int tempRectY, int tempRectsize1,int tempRectsize2 ,color tempRectcolor, color tempBasecolor,color tempRecthighlight,color tempCurrentcolor, boolean tempRectover){
    rectX =tempRectX;
    rectY =tempRectY;
    rectSize1 =tempRectsize1;
    rectSize2 =tempRectsize2;
    rectColor =tempRectcolor;
    baseColor = tempBasecolor;
    rectHighlight= tempRecthighlight;
    currentColor = tempCurrentcolor;
    rectOver = tempRectover;
  }

  void update(int x, int y) {
    // 更新鼠标悬停状态
    rectOver = rectOver(rectX, rectY, rectSize1, rectSize2);
  }

  boolean rectOver(int x, int y, int width1, int height1) {
    // 判断鼠标是否在按钮范围内
    return mouseX >= x && mouseX <= x+width1 && mouseY >= y && mouseY <= y+height1;
  }

  void hover(){
    // 绘制按钮，鼠标悬停时高亮
    fill(rectOver ? rectHighlight : rectColor, 125);
    stroke(255);
    rect(rectX, rectY, rectSize1, rectSize2);
  }
}

// 按钮点击后的功能逻辑
void UIFUNC(int i){
  if (i==0){
    clickMessage = "Starting new game...";
    // drawStars();
  } else if (i==1){
    clickMessage = "Loading saved game...";
  } else if (i==2){
    clickMessage = "Opening options...";
  } else if (i==3){
    exit();
  }
}

// 处理鼠标点击事件（仅触发一次）
void mouseClicked() {
  for (int i = 0; i < buts.length; i++) {
    if (buts[i].rectOver) {
      UIFUNC(i);
      break;
    }
  }
}

逻辑说明 #

• draw()只负责更新按钮悬停状态、绘制按钮和文字，不再处理点击事件，避免了重复触发
• mouseClicked()会在每次完整点击后触发一次，遍历按钮找到被点击的目标，执行对应功能
• 新增的clickMessage变量用来存储点击提示，确保消息不会持续重复绘制（你可以根据需求调整自动清除的逻辑）

内容的提问来源于stack exchange，提问作者MisterIvan