I have created a Windows UserControl. It actually paints a Grid (i.e. vertical and horizontal lines) using Graphics. User can change each cell height and width, and according to that Grid is refreshed. Overriding the OnPaint event I have created the grid. I used SetStyle(ControlStyles.Opaque, true) to make it transparent. I used this control on a form and from there I change the values of the cell height and width but due to Opaque the new grid is overlapping on the previous one and making it clumsy. How do I resolve this?
UserControl Code:
public partial class Grid : UserControl
{
public Grid()
{
InitializeComponent();
SetStyle(ControlStyles.Opaque, true);
}
private float _CellWidth = 10, _CellHeight = 10;
private Color _GridColor = Color.Black;
public float CellWidth
{
get
{
return this._CellWidth;
}
set
{
this._CellWidth = value;
}
}
public float CellHeight
{
get
{
return this._CellHeight;
}
set
{
this._CellHeight = value;
}
}
public Color GridColor
{
get
{
return this._GridColor;
}
set
{
this._GridColor = value;
}
}
protected override void OnPaint(PaintEventArgs e)
{
base.OnPaint(e);
Graphics g;
float iHeight = this.Height;
float iWidth = this.Width;
g = e.Graphics;
Pen myPen = new Pen(GridColor);
myPen.Width = 1;
if (this.CellWidth > 0 && this.CellHeight > 0)
{
for (float X = 0; X <= iWidth; X += this.CellWidth)
{
g.DrawLine(myPen, X, 0, X, iHeight);
}
for (float Y = 0; Y <= iHeight; Y += this.CellHeight)
{
g.DrawLine(myPen, 0, Y, iWidth, Y);
}
}
}
public override void Refresh()
{
base.ResumeLayout(true);
base.Refresh();
ResumeLayout(true);
}
}
Form Code:
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void Form1_Load(object sender, EventArgs e)
{
}
private void btnBrowse_Click(object sender, EventArgs e)
{
try
{
if (ofdImage.ShowDialog() == System.Windows.Forms.DialogResult.OK)
{
pbImage.Image = Image.FromFile(ofdImage.FileName);
}
}
catch (Exception ex)
{
MessageBox.Show(ex.Message);
}
}
private void btnShowGrid_Click(object sender, EventArgs e)
{
if (grid1.Visible)
{
grid1.Visible = false;
btnShowGrid.Text = "Show";
}
else
{
grid1.Visible = true;
btnShowGrid.Text = "Hide";
}
}
private void btnGridCellMaximize_Click(object sender, EventArgs e)
{
grid1.CellHeight += 1;
grid1.CellWidth += 1;
grid1.Refresh();
}
private void btnGridCellMinimize_Click(object sender, EventArgs e)
{
grid1.CellHeight -= 1;
grid1.CellWidth -= 1;
grid1.Refresh();
}
}
