快捷導(dǎo)航

C#?Winform實現(xiàn)在Pancel上繪制矩形

更新時間：2025年01月26日 10:09:23 作者：VipSoft

在C#的WinForms應(yīng)用程序中,Panel控件本身不直接支持繪圖功能,但可以通過在Panel上覆蓋OnPaint方法或者使用Graphics對象來在Panel上繪制圖形,下面我們就來看看具體實現(xiàn)方法吧

在C#的WinForms應(yīng)用程序中，Panel控件本身不直接支持繪圖功能，因為它不是一個繪圖控件。不過，你可以通過在Panel上覆蓋（override）OnPaint方法或者使用Graphics對象來在Panel上繪制圖形。下面是如何實現(xiàn)這兩種方法的示例：

方法1：覆蓋OnPaint方法

可以通過重寫Panel的OnPaint方法來繪制圖形。這種方法允許你在每次需要重繪時調(diào)用自定義的繪圖代碼。

namespace VipSoft.ClientForm
{
    public partial class DemoFrm : Form
    {
        public DemoFrm()
        {
            InitializeComponent();
        }

        private void Demo_Load(object sender, EventArgs e)
        {
            ChartControl pnlControl = new ChartControl();
            pnlControl.Dock = DockStyle.Fill;
            pnlControl.Size = new Size(this.Width, this.Height);
            pnlControl.DrawChart();
            pnlDemo.Controls.Add(pnlControl);
        }
    }
}



public partial class ChartControl : UserControl
{
    public ChartControl()
    {
        DrawGrids();
    }
	
     //繪制網(wǎng)格
    private void DrawGrids()
    {
        //先加的控件，顯示在最外面
        this.Controls.Add(new Label()
        {
            AutoSize = true,
            Top = 10,
            Left = 20,
            Text = "asdf",
            ForeColor = Color.BlueViolet,
            Font = new System.Drawing.Font("宋體", 36F)
        });


        this.BackColor = Color.Red; 
        Panel pnlGrid = new Panel();
        //pnlGrid.BackColor = Color.Green;
        pnlGrid.Dock = DockStyle.Fill;
        pnlGrid.Paint += new PaintEventHandler(this.CustomPanel_Paint);
        this.Controls.Add(pnlGrid);
    }

    private void CustomPanel_Paint(object sender, PaintEventArgs e)
    {
        Graphics g = e.Graphics;
        // 示例：繪制一個紅色的矩形
        g.FillRectangle(Brushes.Blue, 50, 50, 100, 100);
    }
}

效果如下

方法2：使用Graphics對象直接繪制

如果你需要在代碼中動態(tài)地在Panel上繪制，你可以通過訪問Panel的CreateGraphics方法來獲取一個Graphics對象，并使用它來繪制。但這種方法通常用于臨時繪圖或在窗體關(guān)閉前繪圖，因為它依賴于窗體的當前狀態(tài)。對于需要頻繁重繪的場景，最好使用第一種方法。

private void DrawOnPanel(Panel panel)
{
    using (Graphics g = panel.CreateGraphics())
    {
        // 示例：繪制一個藍色的橢圓
        g.FillEllipse(Brushes.Blue, 25, 25, 150, 100);
    }
}

使用雙緩沖減少閃爍

為了減少繪圖時的閃爍問題，你可以使用雙緩沖技術(shù)。這可以通過在Panel上重寫OnPaint方法時設(shè)置一個局部的位圖緩沖區(qū)來實現(xiàn)。

private Bitmap offscreenBitmap; // 用于雙緩沖的位圖
private void CustomPanel_Paint(object sender, PaintEventArgs e)
{
    if (offscreenBitmap == null) // 初始化位圖緩沖區(qū)
    {
        offscreenBitmap = new Bitmap(this.Width, this.Height);
    }
    using (Graphics g = Graphics.FromImage(offscreenBitmap)) // 使用位圖創(chuàng)建Graphics對象
    {
        g.Clear(this.BackColor); // 清除背景色
        // 在這里繪制你的圖形，例如：
        g.FillRectangle(Brushes.Green, 50, 50, 100, 100); // 示例：繪制一個綠色的矩形
    }
    e.Graphics.DrawImage(offscreenBitmap, Point.Empty); // 將位圖繪制到控件上
}

效果如下

方法3：先畫一個背景，再在它的基礎(chǔ)上畫其它

private void Demo_Load(object sender, EventArgs e)
{
    pnlDemo.Controls.Clear();

    EcgGridChartControl overviewControl = new EcgGridChartControl();
    overviewControl.Dock = DockStyle.Fill;
    overviewControl.DrawChart();
    overviewControl.Size=new Size(this.Width, this.Height);
    pnlDemo.Controls.Add(overviewControl);
}

public partial class ChartControl : UserControl
{

	protected override void OnLoad(EventArgs e)
	{
		DrawGrids();
	}

	//繪制網(wǎng)格
	private void DrawGrids()
	{
	    //先加的控件，顯示在最外面
	    this.Controls.Add(new Label()
	    {
	        AutoSize = true,
	        Top = 10,
	        Left = 20,
	        Text = "asdf",
	        ForeColor = Color.BlueViolet,
	        Font = new System.Drawing.Font("宋體", 36F)
	    });


	    //this.BackColor = Color.LightSkyBlue;

	    //作為背景
	    Panel pnlGrid = new Panel();
	    //pnlGrid.BackColor = Color.Green;
	    pnlGrid.Dock = DockStyle.Fill;
	    pnlGrid.Paint += new PaintEventHandler(this.CustomPanel_Paint); 
	    this.Controls.Add(pnlGrid);

	    Panel pnlLine = new Panel();
	    pnlLine.BackColor = Color.Transparent;//將Panel設(shè)為透明
	    pnlLine.Dock = DockStyle.Fill;
	    pnlLine.Paint += new PaintEventHandler(this.CustomPanelBitmap_Paint);
	    pnlLine.Parent = picBox; //將panel父控件設(shè)為背景圖片控件
	    pnlLine.BringToFront();//將panel放在前面

	    pnlGrid.Controls.Add(pnlLine);
	}

	private void CustomPanel_Paint(object sender, PaintEventArgs e)
	{
	    Graphics g = e.Graphics;

	    using (Pen pen = new Pen(Color.Black, 2))
	    {
	        g.DrawLine(pen, 10, 230, this.Width-10, 230); 
	    }
	}

	private Bitmap offscreenBitmap; // 用于雙緩沖的位圖
	private void CustomPanelBitmap_Paint(object sender, PaintEventArgs e)
	{
	    if (offscreenBitmap == null) // 初始化位圖緩沖區(qū)
	    {
	        offscreenBitmap = new Bitmap(this.Width, this.Height);
	    }
	    using (Graphics g = Graphics.FromImage(offscreenBitmap)) // 使用位圖創(chuàng)建Graphics對象
	    {
	        //g.Clear(this.BackColor); // 清除背景色
	        // 在這里繪制你的圖形，例如：
	        g.FillRectangle(Brushes.Yellow, 200, 200, 100, 100); // 示例：繪制一個綠色的矩形
	    }
	    e.Graphics.DrawImage(offscreenBitmap, Point.Empty); // 將位圖繪制到控件上
	}

}

效果如下