＆＃34;形状模式＆＃34;对于ControlP5

Question

香草加工有shapeMode()用于修改＆＃34;形状绘制的位置。＆＃34;如果可能的话，如何获得绘制UI＆＃34;控制器＆＃34;与ControlP5？

具体来说，我尝试了以下代码：

 

shapeMode(CENTER);
cp5.addButton("On/Off")
.setPosition(width/2, height/2)
.setSize(300, 300)
.setColorBackground(color(0, 113, 0));

得到了这个结果：

但我希望看到的是：

显然像.setPosition(width/2 - buttonWidth/2, height/2 - buttonWidth/2)这样的东西可行，但我想保持代码最小化。

Answer 1

 

调用shapeMode()函数只会更改使用shape()函数绘制的形状模式。

ControlP5不使用shape()功能绘制按钮。它使用rect()函数。

您可以使用rectMode()功能更改绘制矩形的方式。更多信息可以在the reference找到。

但我怀疑你会对结果感到满意。这将移动按钮的矩形，但它不会移动按钮的文本，因此所有文本都将偏离中心。这只是一个问题，我相信会有很多其他问题。

如果我是你，我会自己做计算。如果您真的担心保持代码最小化，那么您可以创建自己的包装类或实用程序函数来封装执行偏移所需的“逻辑”。但是你应该更加担心保持代码的可读性和可维护性。