无法在winForm上绘制2个相同的控件

时间:2013-03-30 12:34:59

标签: c# winforms user-interface

我正在winform(tic-tac-toe)中制作一个简单的游戏,我在绘制块控制方面遇到了一些问题。

这是我制作的类,代表游戏中的一个块(没有游戏逻辑,只有UI)。

public class UI_Block : Control
{
    private Rectangle block;
    private SIGNS sign;
    public  SIGNS Sign 
    {
        get {return sign;}
        set
        {
            if (sign == SIGNS.EMPTY)
                sign = value;
        } 
    }

    public UI_Block( ) {
        sign = SIGNS.EMPTY;
    }

    public void SetBlockOnBoard(int x, int y)
    {
        this.Location = new Point( x , y );
        this.Size = new Size(Parent.Width /3, Parent.Height / 3);

        block = new Rectangle(this.Location, this.Size);
    }

    public void DrawSign(Graphics g)
    {
        Pen myPen = new Pen(Color.Red);

        if (sign == SIGNS.O)
        {
            drawO(g,new Pen(Brushes.Black));
        }

        if (sign == SIGNS.X)
        {
            drawX(g, new Pen(Brushes.Red));
        }

    }

    protected override void OnPaint(PaintEventArgs e)
    {
        DrawSign(e.Graphics);
        base.OnPaint(e);
    }

    //Draw X
    private void drawX(Graphics g, Pen myPen)
    {
        //draw first daignol
        Point daignolStart = new Point {  X = this.Location.X  ,  Y = this.Location.Y   };
        Point daignolEnd = new Point   {  X = this.Size.Width  ,  Y = this.Size.Height  };

        g.DrawLine(myPen, daignolStart, daignolEnd);

        //draw second daignol
        daignolStart = new Point {  X = Size.Width ,  Y = this.Location.Y  };
        daignolEnd = new Point   {  X = Location.X,   Y = Size.Height      };

        g.DrawLine(myPen, daignolEnd, daignolStart);
    }


    //Draw O
    private void drawO(Graphics g, Pen myPen)
    {
        g.DrawEllipse(myPen, block);
    }

}

我将它们都添加到winForm类中,看看它在绘制它们时的样子:

public partial class Form1 : Form
{
    UI.UI_Block block;
    UI.UI_Block blockX;

    public Form1()
    {
        InitializeComponent();

        block = new UI.UI_Block();
        blockX = new UI.UI_Block();
        Controls.Add(block);
        Controls.Add(blockX);

    }

    protected override void OnLoad(EventArgs e)
    {
        block. SetBlockOnBoard(0, 0);
        blockX.SetBlockOnBoard(0, block.Height);

        block.Sign = SIGNS.X;
        blockX.Sign = SIGNS.O;

        base.OnLoad(e);
    }

    protected override void OnPaint(PaintEventArgs e)
    {
        //block.DrawSign(e.Graphics);
        //block.DrawSign(e.Graphics);
        base.OnPaint(e);
    }

}

我尝试了一些事情,比如没有使用onPaint事件,我仍然得到相同的结果。

这是我在运行时看到的内容:

enter image description here 知道为什么我不能画这两个吗?

1 个答案:

答案 0 :(得分:2)

你没有在它的可见区域中绘制控件的内容,所以它绘制得很好但你看不到它。

每个控件都有自己的坐标空间(客户端坐标),从0,0开始,无论它在父控件中的位置如何。您通过设置其位置正确地将控件放在其父级中,但是您还使用位置来偏移图形,因此它们基本上偏移了两次。

(如果你让你的控制更大,你将能够看到X在屏幕下方进一步绘制)

要解决此问题,请在控件的客户端坐标空间中完成所有绘图,即在区域(0,0,宽度,高度)中绘制

(P.S。您可以在父控件中绘制所有9个图块,这比创建9个子控件更有效。但您正在做的事情会正常工作)