Question

所以我正在为我的游戏制作菜单。这是单个按钮的代码：

// button class
public class ButtonGUI
{
    public SpriteFont spriteFont;
    string btnTxt;
    public Rectangle btnRect;
    Color colour;

    public ButtonGUI(string newTxt, Rectangle newRect, SpriteFont newSpriteFont, Color newColour)
    {
        spriteFont = newSpriteFont;
        btnRect = newRect;
        btnTxt = newTxt;
        colour = newColour;
    }

    public void Draw(SpriteBatch spriteBatch)
    {
        // TextOutliner() is a static helper class for drawing bordered spritefonts I made
        TextOutliner.DrawBorderedText(spriteBatch, spriteFont, btnTxt, btnRect.X, btnRect.Y, colour);
    }
}

// TitleScreen.cs
ButtonGUI btnPlay, btnPlay_2;
bool indexPlay;
string[] menuTxt;
SpriteFont GameFontLarge, GameFontLargeHover;

// LoadContent() method:
// Load both spritefonts....

menuTxt = new string[4];
menuTxt[0] = "Play Game";
menuTxt[1] = "Achievements";
menuTxt[2] = "Settings";
menuTxt[3] = "Exit Game";

btnPlay = new ButtonGUI(menuTxt[0], new Rectangle(150, 300, (int)GameFontLarge.MeasureString(menuTxt[0]).X, (int)GameFontLarge.MeasureString(menuTxt[0]).Y), GameFontLarge, Color.White);
btnPlay_2 = new ButtonGUI(menuTxt[0], new Rectangle(150, 300, (int)GameFontLargeHover.MeasureString(menuTxt[0]).X, (int)GameFontLargeHover.MeasureString(menuTxt[0]).Y), GameFontLargeHover, Color.Yellow);

// Update() method:
MouseState mouseState = Mouse.GetState();
Rectangle mouseRect = new Rectangle(mouseState.X, mouseState.Y, 1, 1);

if (mouseRect.Intersects(btnPlay.btnRect))
{
    indexPlay = true;
    if (mouseState.LeftButton == ButtonState.Pressed) Game1.CurrentGameState = Game1.GameState.playScreen;
}
else indexPlay = false;

// Draw() method:
if (indexPlay)
{
    btnPlay_2.Draw(spriteBatch);
}
else btnPlay.Draw(spriteBatch);

所以我为4个不同的按钮做了所有这些。 2种精灵字体具有相同的字体，但大小不同。现在，当我测试游戏时，当我将鼠标悬停在每个按钮上时，文本会从白色变为黄色并变大。但是，由于当字体改变时按钮坐标是用x = left-most; y = top-most完成的，因此较大的字体被绘制在与较小字体相同的位置。我希望得到一个体面的＆＃34;规模＆＃34;鼠标悬停时的效果。我的意思是我知道我在初始化时将按钮位置设置为，但我仍然需要某种类型的算法来找到一种方法并在较旧的中心绘制更大的字体...你的方法是什么？

Answer 1

您可以根据尺寸差异更改悬停按钮的位置：

var sizeDifference = btnPlay_2.btnRect.Size - btnPlay.btnRect.Size;
btnPlay_2.btnRect.Offset(-sizeDifference.X/2, -sizeDifference.Y/2);

C＃Xna使用精灵字体实现了不同的缩放效果

1 个答案: