PDE 处理中的窗口大小调整答案

【问题标题】：Window resizing in the PDE ProcessingPDE 处理中的窗口大小调整
【发布时间】：2013-01-22 12:27:28
【问题描述】：

我希望有人可以在这里帮助我。我几乎是一个菜鸟，试图制作一个交互式图形来显示足球队在 FIFA 排名上的上升或下降。我加载了我在处理之外创建的图片来代表团队，我希望他们根据鼠标点击事件移动。

我现在的问题是，当我测试应用程序时，它的大小与我输入的设置不一致。大多数图像都被截断了。我尝试了 frame.setResizable()，虽然我可以在一定程度上操纵窗口的大小，但我的图像仍然被截断。

以下是我的代码，我正在在 OS X 上运行的 Macbook Pro 上处理 Processing 2.0B7：

//Setting up the images that will go into the sketch

PImage img1;
PImage img2;
PImage img3;
PImage img4;
PImage img5;
PImage img6;
PImage img7;
PImage img8;
PImage img9;
PImage img10;
PImage img11;
PImage img12;
PImage img13;
PImage img14;
PImage img15;
PImage img16;
PImage img17;

//loading the images from the file
void setup() {
  size(600, 1200); 
  frame.setResizable(true);  
  img1 = loadImage("Click.png");
  img2 = loadImage("Team_Algeria.png");
  img3 = loadImage("Team_Angola.png");
  img4 = loadImage("Team_BurkinaFaso.png");
  img5 = loadImage("Team_CapeVerde.png");
  img6 = loadImage("Team_DRCongo.png");
  img7 = loadImage("Team_Ethiopia.png");
  img8 = loadImage("Team_Ghana.png");
  img9 = loadImage("Team_IvoryCoast.png");
  img10 = loadImage("Team_Mali.png");
  img11 = loadImage("Team_Morocco.png");
  img12 = loadImage("Team_Niger.png");
  img13 = loadImage("Team_Nigeria.png");
  img14 = loadImage("Team_SouthAfrica.png");
  img15 = loadImage("Team_Togo.png");
  img16 = loadImage("Team_Tunisia.png");
  img17 = loadImage("Team_Zambia.png");
}


int a = 0;

//Drawing the images into the sketch
void draw() {
  background(#000000);
  image(img1, 400, 100);
  image(img2, 100, 200);
  image(img3, 100, 260);
  image(img4, 100, 320);
  image(img5, 100, 380);
  image(img6, 100, 440);
  image(img7, 100, 500);
  image(img8, 100, 560);
  image(img9, 100, 620);
  image(img10, 100, 680);
  image(img11, 100, 740);
  image(img12, 100, 800);
  image(img13, 100, 860);
  image(img14, 100, 920);
  image(img15, 100, 980);
  image(img16, 100, 1040);
  image(img17, 100, 1100);
}

【问题讨论】：

标签： java processing

【解决方案1】：

我不确定您所说的截止是什么意思，但请记住您只是在说明位置，因此如果图像更大（在您的情况下高于 60 高度），它们将相互重叠。您正在加载的 png 图像的确切尺寸是多少？

尝试同时为图像分配大小，即再添加两个参数as per the ref：

image(img2, 100, 200, whateverWidth, 60);  // I put 60 since it is the vertical space you are leaving between images

这有帮助吗？

【讨论】：

嗨。这些图像是我设计的 200 像素宽。我认为只要调用它们，Processing 会将它们放置在与我制作它们相同的大小。当我添加额外的参数时，它只会压缩图像，我仍然在列表中看到其中的 11 个，而不是完整的 17 个图像我希望它们出现在我的线框中。
我的猜测是问题可能出在图像中。实际上，通过调用它们，Processing 将它们放置为您所说的原始大小。确保它们都是 200px 宽和 60px 高（根据您在此处发布的设置）。
谢谢加西亚。我会试试的。