Question

我正在使用

在Ubuntu 12.10上使用SFML 2.0库

sudo apt-get install libsfml-dev

得到它们。现在我试图让sf :: Text在sreen中居中。为此，我将文本的原点（用于进行转换的位置，如设置位置，旋转等）设置为sf :: Text的边界框的中心，然后将位置设置为屏幕中心，如下：

//declare text
sf::Font font;
sf::Text text;
font.loadFromFile("helvetica.ttf");
text.setFont(font);
text.setString("RANDOMTEXT");
text.setCharacterSize(100);
text.setColor(sf::Color::White);
text.setStyle(sf::Text::Regular);

//center text
sf::FloatRect textRect = text.getLocalBounds();
text.setOrigin(textRect.width/2,textRect.height/2);
text.setPosition(sf::Vector2f(SCRWIDTH/2.0f,SCRHEIGHT/2.0f));

这不起作用，文本偏离一些量，如x轴为3，y轴为25。奇怪的是，如果你设置一个sf :: RectangleShape来表示文本的边界框，那么该矩形的中心和正确的大小适合文本。但是，然后使用前面提到的偏移量从该框中抽出文本。

在这张图片中，我标记了屏幕的中心，在文本边界框的位置绘制了sf :: RectangleShape，以及sf :: Text。

http://i.imgur.com/4jzMouj.png

该图片是由此代码生成的：

const int SCRWIDTH = 800; 
const int SCRHEIGHT = 600;

int main() {
sf::RenderWindow window;
window.create(sf::VideoMode(SCRWIDTH,SCRHEIGHT), "MYGAME" ,sf::Style::Default);
window.setMouseCursorVisible(false);
window.setVerticalSyncEnabled(true);

sf::Font font;
sf::Text text;
font.loadFromFile("helvetica.ttf");
text.setFont(font);
text.setString("RANDOMTEXT");
text.setCharacterSize(100);
text.setColor(sf::Color::White);
text.setStyle(sf::Text::Regular);

sf::FloatRect textRect = text.getLocalBounds();

text.setOrigin(textRect.width/2,textRect.height/2);
text.setPosition(sf::Vector2f(SCRWIDTH/2.0f,SCRHEIGHT/2.0f));

sf::RectangleShape rect(sf::Vector2f(textRect.width,textRect.height));
rect.setFillColor(sf::Color::Blue);
rect.setOrigin(rect.getSize().x/2,rect.getSize().y/2);
rect.setPosition(text.getPosition());

sf::RectangleShape RectW;
RectW.setSize(sf::Vector2f(SCRWIDTH, 0.0));
RectW.setOutlineColor(sf::Color::Red);
RectW.setOutlineThickness(1);
RectW.setPosition(0, SCRHEIGHT / 2);
sf::RectangleShape RectH;
RectH.setSize(sf::Vector2f(0.0, SCRHEIGHT));
RectH.setOutlineColor(sf::Color::Red);
RectH.setOutlineThickness(1);
RectH.setPosition(SCRWIDTH / 2, 0);

while(window.isOpen()) {
    window.clear();
    window.draw(rect);
    window.draw(text);
    window.draw(RectW);
    window.draw(RectH);
    window.display();
    if (sf::Keyboard::isKeyPressed(sf::Keyboard::Escape)) {
        window.close();
    }
}
return 1;
}

我怎样才能让它居中并在它的边界框内，应该如此？

Answer 1

sf::Text::getLocalBounds()对top和left字段的值不为零，因此在居中原点时不能忽略它们。

请改为尝试：

//center text
sf::FloatRect textRect = text.getLocalBounds();
text.setOrigin(textRect.left + textRect.width/2.0f,
               textRect.top  + textRect.height/2.0f);
text.setPosition(sf::Vector2f(SCRWIDTH/2.0f,SCRHEIGHT/2.0f));

Answer 2

我认为这是SFML文本呈现的一个已知问题。转到问题跟踪器并查看this issue。

你也可以在他们的发展论坛上提问。他们的开发人员总是非常友好和乐于助人。

Answer 3

除了 Emile's answer 之外，您应该使用以下代码中的 textRect.height 而不是使用 maxHeight：

for (size_t characterIndex = 0; characterIndex < text.size(); ++characterIndex)
{
  currentHeight = font->getGlyph(text[characterIndex], 12, false).bounds.height;
  if (currentHeight > maxHeight)
  {
    maxHeight = currentHeight;
  }
}

解释here：

<块引用>

这是因为第一行与最高字符的高度垂直对齐——即使它不在您的字符串中。这是为了保持字符串的顶部稳定，即使您在第一行添加更高的字符。

确切的计算不是直接的：您必须遍历第一行的所有字符，计算最大字符大小，从 sf::Text 的 CharacterSize 中减去它，然后从边界矩形的高度。

另一个非常重要的注意事项：如果在非整数位置绘制文本，可能会破坏文本的外观。这似乎也包括原点......（所以将你的原点+位置四舍五入到最接近的整数！）

使用SFML在屏幕上居中显示文本

3 个答案: