[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 734
  • Last Modified:

GDI Paint question

I am looking at creating a particular effect on a form, yes in some way i am taking some ideas from the old winamp skin but i am just starting with GDI. What i am aiming to do is create a coloured border around the form with some effects on it to make it look 3d. However i'm not bothered on the 3d effect for the moment. I have done it but i feel this is inefficient and a bit long winded and i am sure there is another way around this. I have attached the code below so you can see what i m doing.
I have also attached a random screenshot i grabbed from google images of winamp so you can see what i am trying to sort of achieve (it is the really thin border around the outside.

Currently i am drawing 4 rectangles around the outside of the form, which obviously gives it the border effect i am looking for but there must be another way to do this?
public frmMain()
		{
			InitializeComponent();
			this.BackColor = Color.FromArgb(56, 55, 87);
		}
 
		#region Paint Stuff
 
		protected override void OnPaint(PaintEventArgs e)
		{
			PaintFormBorder(e.Graphics);
		}
 
		private void PaintFormBorder(Graphics e)
		{
			// Before i work out how to draw this properly, lets do it this way.
			// Create the brush
			SolidBrush brush = new SolidBrush(Color.FromArgb(25, 20, 26));
			e.FillRectangle(brush, new Rectangle(0, 0, 8, this.Height));
			e.FillRectangle(brush, new Rectangle(0, 0, this.Width, 8));
			e.FillRectangle(brush, new Rectangle(this.Width - 8, 0, 8, this.Height));
			e.FillRectangle(brush, new Rectangle(0, this.Height - 8, this.Width, 8));
		}
 
		protected override void OnResize(EventArgs e)
		{
			this.Invalidate();
		}
 
		#endregion

Open in new window

winamp.bmp
0
superchief
Asked:
superchief
  • 3
1 Solution
 
superchiefAuthor Commented:
I have now updated the paint to this (in total):

private Int32 _titleBarHeight = 0;
		private Int32 _borderHeight = 8;
		private Int32 _borderWidth = 8;
 
		public frmMain()
		{
			InitializeComponent();
			this.BackColor = Color.FromArgb(56, 55, 87);
		}
 
		#region Paint Stuff
 
		protected override void OnPaint(PaintEventArgs e)
		{
			PaintFormBorder(e.Graphics);
		}
 
		private void PaintFormBorder(Graphics e)
		{
			// Before i work out how to draw this properly, lets do it this way.
			// Create the brush
			SolidBrush brush = new SolidBrush(Color.FromArgb(25, 20, 26));
			e.FillRectangle(brush, new Rectangle(0, 0, this._borderWidth, this.Height));
			e.FillRectangle(brush, new Rectangle(0, 0, this.Width, this._borderHeight));
			e.FillRectangle(brush, new Rectangle(this.Width - 8, 0, 8, this.Height));
			e.FillRectangle(brush, new Rectangle(0, this.Height - 8, this.Width, 8));
			// draw 3d lines
 
 
 
			brush.Color = Color.FromArgb(94, 92, 103);
			e.DrawLine(new Pen(brush), 8, 8, this.Width - 8, 8);
			e.DrawLine(new Pen(brush), 8, 8, 8, this.Height - 8);
			brush.Color = Color.FromArgb(99, 99, 111);
			e.DrawLine(new Pen(brush), 8, this.Height - 8, this.Width - 8, this.Height - 8);
			e.DrawLine(new Pen(brush), this.Width - 8, 8, this.Width - 8, this.Height - 8);
		}
 
		protected override void OnResize(EventArgs e)
		{
			this.Invalidate();
		}
 
		#endregion

Open in new window

0
 
CuteBugCommented:
What you can do instead is set the background color of the form to your border color. (In Line 8)

Now you can fill the rectangle which is inside your border with your actual background color.
0
 
käµfm³d 👽Commented:
Not sure if you are aware, but Winamp uses graphics for its skins. Even the borders are part of some graphic.
0
 
superchiefAuthor Commented:
@kaufmed:

I do know that winamp uses graphics, however for me this is more a self training thing for GDI. I find the best way to teach myself something is to start a project that needs the particular thing i want to learn and then jump in. I know this is not the best method but working through examples doesn't really help me for real world situations. So in this instance, i am going to draw an app with everything drawn through GDI
0
 
superchiefAuthor Commented:
Strange i didn't see this option before, cheers
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now