C# Winform实现在Pancel上绘制矩形_C#

在c#的winforms应用程序中，panel控件本身不直接支持绘图功能，因为它不是一个绘图控件。不过，你可以通过在panel上覆盖（override）onpaint方法或者使用graphics对象来在panel上绘制图形。下面是如何实现这两种方法的示例：

方法1：覆盖onpaint方法

可以通过重写panel的onpaint方法来绘制图形。这种方法允许你在每次需要重绘时调用自定义的绘图代码。

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();
    }
	
     //绘制网格
    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对象直接绘制

如果你需要在代码中动态地在panel上绘制，你可以通过访问panel的creategraphics方法来获取一个graphics对象，并使用它来绘制。但这种方法通常用于临时绘图或在窗体关闭前绘图，因为它依赖于窗体的当前状态。对于需要频繁重绘的场景，最好使用第一种方法。

private void drawonpanel(panel panel)
{
    using (graphics g = panel.creategraphics())
    {
        // 示例：绘制一个蓝色的椭圆
        g.fillellipse(brushes.blue, 25, 25, 150, 100);
    }
}

使用双缓冲减少闪烁

为了减少绘图时的闪烁问题，你可以使用双缓冲技术。这可以通过在panel上重写onpaint方法时设置一个局部的位图缓冲区来实现。

private bitmap offscreenbitmap; // 用于双缓冲的位图
private void custompanel_paint(object sender, painteventargs e)
{
    if (offscreenbitmap == null) // 初始化位图缓冲区
    {
        offscreenbitmap = new bitmap(this.width, this.height);
    }
    using (graphics g = graphics.fromimage(offscreenbitmap)) // 使用位图创建graphics对象
    {
        g.clear(this.backcolor); // 清除背景色
        // 在这里绘制你的图形，例如：
        g.fillrectangle(brushes.green, 50, 50, 100, 100); // 示例：绘制一个绿色的矩形
    }
    e.graphics.drawimage(offscreenbitmap, point.empty); // 将位图绘制到控件上
}

效果如下

方法3：先画一个背景，再在它的基础上画其它

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();
	}

	//绘制网格
	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设为透明
	    pnlline.dock = dockstyle.fill;
	    pnlline.paint += new painteventhandler(this.custompanelbitmap_paint);
	    pnlline.parent = picbox; //将panel父控件设为背景图片控件
	    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) // 初始化位图缓冲区
	    {
	        offscreenbitmap = new bitmap(this.width, this.height);
	    }
	    using (graphics g = graphics.fromimage(offscreenbitmap)) // 使用位图创建graphics对象
	    {
	        //g.clear(this.backcolor); // 清除背景色
	        // 在这里绘制你的图形，例如：
	        g.fillrectangle(brushes.yellow, 200, 200, 100, 100); // 示例：绘制一个绿色的矩形
	    }
	    e.graphics.drawimage(offscreenbitmap, point.empty); // 将位图绘制到控件上
	}

}

效果如下