C＃-在图片框的上方和上方绘制文本

Question

I am currently making a little game where the player is a PictureBox, that can move around. And I am struggling with adding a name-tag above the player (PictureBox). I can't seem to set the X and Y position of the text to be outside the box. It just lands inside. I made a picture showing and describing what I want to achieve:

Here is my code to draw the character name. By the way, my character name is stored in the variable CharacterName.charName

private void Main_Load(object sender, EventArgs e)
    {
        //Draw character name upon start
        ListToPaint.Add(new WhatToPaint { X = 10, Y = 10, Text = CharacterName.charName });
    }

    private List<WhatToPaint> ListToPaint = new List<WhatToPaint>();
    private class WhatToPaint
    {
        public int X { get; set; }
        public int Y { get; set; }
        public string Text { get; set; }
    }

    private void player_Paint(object sender, PaintEventArgs e)
    {
        //This is the "Paint" properties on my PictureBox, called Player
        e.Graphics.Clear(Color.White);
        foreach (WhatToPaint wp in ListToPaint)
        {
            e.Graphics.DrawString(wp.Text, this.Font, Brushes.Black, wp.X, wp.Y);
        }
    }

Answer 1

If you put the Label in the same container as the PictureBox (not within the pictureBox), you could just use coordinate math to put it (y) pixels above the PictureBox

For example you could put the Label and Picture box into a transparent Panel. You could then move the whole panel as a Label-PictureBox unit. Then the Label and PictureBox would have the same coordinate reference (since they are in the same container).

To center the Label text (regardless of the text), do something like using the width of the text box to find where the midpoint would be. Then offset the Label by that midpoint (yet more coordinate math).