[RESOLVED] Graphic programing for beginner help

First of all; what do you mean by boxes? Is it textboxes or graphic rectangles?

I have a similar question to JonnyPoet.

This program is "aaallmost" what nodo is asking for. When i hit enter, the numbered rectangle doesnt turn green. How ever; if i write the number (f. inst. "2"), click enter and then click the "alt" button, the numbered rectangle turns green! Why does it turn green when i click alt? I was thinking it has something to do with the focus, but i donno.

using System;
using System.Drawing;
using System.Windows.Forms;

namespace namespace_Program
{
#region Main
class class_Main
{
[STAThread]
static void Main()
{
Application.EnableVisualStyles();
Application.Run(new GraphicsProgram());
}
}
#endregion

class GraphicsProgram : Form
{
private Brush Box1_Color = Brushes.Black;
private Brush Box1
{
get { return Box1_Color; }
set { value = Box1_Color; }
}

private Brush Box2_Color = Brushes.Black;
private Brush Box2
{
get { return Box2_Color; }
set { value = Box2_Color; }
}

private Brush Box3_Color = Brushes.Black;
private Brush Box3
{
get { return Box3_Color; }
set { value = Box3_Color; }
}

private Brush Box4_Color = Brushes.Black;
private Brush Box4
{
get { return Box4_Color; }
set { value = Box4_Color; }

}

private Brush Box5_Color = Brushes.Black;
private Brush Box5
{
get { return Box5_Color; }
set { value = Box5_Color; }
}

private Panel TopPanel = new Panel();
private Panel BottomPanel = new Panel();
private TextBox MainTextBox = new TextBox();
private Label InfoLabel = new Label();

public GraphicsProgram()
{
this.Text = "Graphics rectangle program";
this.ClientSize = new Size(310, 100);
this.MaximizeBox = false;
this.FormBorderStyle = FormBorderStyle.FixedDialog;

TopPanel.Parent = this;
TopPanel.Dock = DockStyle.Top;
TopPanel.Height = 30;

BottomPanel.Parent = this;
BottomPanel.Dock = DockStyle.Bottom;
BottomPanel.Height = 70;
BottomPanel.Paint += new PaintEventHandler(TopPanel_Paint);

MainTextBox.Parent = TopPanel;
MainTextBox.Location = new Point(10, 10);
MainTextBox.Multiline = false;
MainTextBox.KeyDown += new KeyEventHandler(MainTextBox_KeyDown);

InfoLabel.Parent = TopPanel;
InfoLabel.Location = new Point(113, 14);
InfoLabel.Text = "Input a number from 1 to 5 and hit enter.";
InfoLabel.AutoSize = true;
}

void AllBrushesBlack()
{
Box1_Color = Brushes.Black;
Box2_Color = Brushes.Black;
Box3_Color = Brushes.Black;
Box4_Color = Brushes.Black;
Box5_Color = Brushes.Black;
}

void TopPanel_Paint(object sender, PaintEventArgs e)
{
e.Graphics.FillRectangle(Box1, 10, 10, 50, 50);
e.Graphics.FillRectangle(Box2, 70, 10, 50, 50);
e.Graphics.FillRectangle(Box3, 130, 10, 50, 50);
e.Graphics.FillRectangle(Box4, 190, 10, 50, 50);
e.Graphics.FillRectangle(Box5, 250, 10, 50, 50);
}

void MainTextBox_KeyDown(object sender, KeyEventArgs e)
{
if (e.KeyCode == Keys.Enter)
{
if (MainTextBox.Text == "1")
{
AllBrushesBlack();

Box1_Color = Brushes.Lime;
this.Invalidate();
}
if (MainTextBox.Text == "2")
{
AllBrushesBlack();

Box2_Color = Brushes.Lime;
this.Invalidate();
}
if (MainTextBox.Text == "3")
{
AllBrushesBlack();

Box3_Color = Brushes.Lime;
this.Invalidate();
}
if (MainTextBox.Text == "4")
{
AllBrushesBlack();

Box4_Color = Brushes.Lime;
this.Invalidate();
}
if (MainTextBox.Text == "5")
{
AllBrushesBlack();

Box5_Color = Brushes.Lime;
this.Invalidate();
}
}
}
}
}

If you figure out why this app doesnt work, nodo can use it as an example of what he was asking for.

Its System.Drawing.Graphics rectangles :)

Its System.Drawing.Graphics rectangles :)
Some small changes to your code and it works
using System;
using System.Drawing;
using System.Windows.Forms;
namespace namespace_Program
{
class GraphicsProgram: Form
{
private Brush Box1_Color = Brushes.Black;
private Brush Box1
{
get { return Box1_Color; }
set { value = Box1_Color; }
}
private Brush Box2_Color = Brushes.Black;
private Brush Box2
{
get { return Box2_Color; }
set { value = Box2_Color; }
}
private Brush Box3_Color = Brushes.Black;
private Brush Box3
{
get { return Box3_Color; }
set { value = Box3_Color; }
}
private Brush Box4_Color = Brushes.Black;
private Brush Box4
{
get { return Box4_Color; }
set { value = Box4_Color; }
}
private Brush Box5_Color = Brushes.Black;
private Brush Box5
{
get { return Box5_Color; }
set { value = Box5_Color; }
}
private Panel TopPanel = new Panel();
private TextBox MainTextBox = new TextBox();
private Label InfoLabel = new Label();

public GraphicsProgram()
{
this.Text = "Graphics rectangle program";
this.ClientSize = new Size(310, 130);
this.MaximizeBox = false;
this.FormBorderStyle = FormBorderStyle.FixedDialog;
TopPanel.Parent = this;
TopPanel.Dock = DockStyle.Top;
TopPanel.Height = 30;
//BottomPanel.Parent = this;
//BottomPanel.Dock = DockStyle.Bottom;
//BottomPanel.Height = 70;
MainTextBox.Parent = TopPanel;
MainTextBox.Location = new Point(10, 10);
MainTextBox.Multiline = false;
MainTextBox.KeyDown += new KeyEventHandler(MainTextBox_KeyDown);
InfoLabel.Parent = TopPanel;
InfoLabel.Location = new Point(113, 14);
InfoLabel.Text = "Input a number from 1 to 5 and hit enter.";
InfoLabel.AutoSize = true;
}
void AllBrushesBlack()
{
Box1_Color = Brushes.Black;
Box2_Color = Brushes.Black;
Box3_Color = Brushes.Black;
Box4_Color = Brushes.Black;
Box5_Color = Brushes.Black;
}
protected override void OnPaint(PaintEventArgs e) {
e.Graphics.FillRectangle(Box1, 10, 50, 50, 50);
e.Graphics.FillRectangle(Box2, 70, 50, 50, 50);
e.Graphics.FillRectangle(Box3, 130, 50, 50, 50);
e.Graphics.FillRectangle(Box4, 190, 50, 50, 50);
e.Graphics.FillRectangle(Box5, 250, 50, 50, 50);
base.OnPaint(e);
}

void MainTextBox_KeyDown(object sender, KeyEventArgs e)
{
if (e.KeyCode == Keys.Enter)
{
if (MainTextBox.Text == "1")
{
AllBrushesBlack();
Box1_Color = Brushes.Lime;
this.Invalidate();
}
if (MainTextBox.Text == "2")
{
AllBrushesBlack();
Box2_Color = Brushes.Lime;
this.Invalidate();
}
if (MainTextBox.Text == "3")
{
AllBrushesBlack();
Box3_Color = Brushes.Lime;
this.Invalidate();
}
if (MainTextBox.Text == "4")
{
AllBrushesBlack();
Box4_Color = Brushes.Lime;
this.Invalidate();
}
if (MainTextBox.Text == "5")
{
AllBrushesBlack();
Box5_Color = Brushes.Lime;
this.Invalidate();
}
}
}
}
#region Main
class class_Main
{
[STAThread]
static void Main() {
Application.EnableVisualStyles();
Application.Run(new GraphicsProgram());
}
}
#endregion
}
basically I have removed the bottompanel and override OnPaint of the Form. Not having BottomPanel needs to adjust Verical Position of rectangles. But this isn't the question I think he jaust wanting the opposite. he has textboxes and wants to find that one where the last input occured and this works without graphics easily as I have described in post #2
-- edited --
typos in code Ucase instead of Lcase handled

Hi Again !
Maybe for all others here is a more advanced version to solve this problem

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;
namespace WindowsTestApplication
{
public partial class Form1 : Form
{
private int _lastInputBox = 0;
public Form1() {
InitializeComponent();
AddDelegates();
}
private void AddDelegates() {
foreach (Control c in this.Controls) {
Type tp = c.GetType();
// is the control of type TextBox ?
if (tp.Name == "TextBox") {
// Cast the control to a TextBox and add the TextChanged Delegate
// One and the same Delegate for all textboxes
((TextBox)c).TextChanged += new EventHandler(textBox_TextChanged);
}

}

}
void textBox_TextChanged(object sender, EventArgs e) {
// in this delegate when called we set the TabIndex of the calling Textbox
// as the last one who was changed
_lastInputBox = ((TextBox)sender).TabIndex;
}

private void btFind_Click(object sender, EventArgs e) {
UncolorAll();
foreach (Control c in this.Controls) {
Type tp = c.GetType();
// again only for textBoxes
if (tp.Name == "TextBox") {
// if the TabIndex is identic with the last used one
if (((TextBox)c).TabIndex == _lastInputBox) {
// color Background to red
((TextBox)c).BackColor = Color.Red;
}
}
}
}
private void UncolorAll() {
foreach (Control c in this.Controls) {
Type tp = c.GetType();
if (tp.Name == "TextBox") {
// all textboxes are reset to the Defaut Background Color for Textboxes
((TextBox)c).BackColor = SystemColors.Window;
}
}
}
}
}

Hi JonnyPoet,
Thanks for your response and the code. I have an experience working in C++ before but never try C#. At this time, I like to try it so I can learn a new language. I'll look to it later this evening.

Also thanks to dahwan. I didn't expect this quick response but people in this forum are awsome.

To answer your question about the box, I meant it's just a square or rectangle, not a text box. The text box is for user input the location to find.

I appreciate your help.

-nodoThen use the code posted in #9 by me Its basically Dahwans code, but corrected from me to get it working. as dahwan asked me to do so. Sorry I didn't get you that you are talking about rectangles when saying Boxes.

JonnyPoet, have you made any tutorials? because i can see you'd be great at that

Jonny,
I maybe laugh at me if I asked you the debug error but this is a first time I run C# so please excuse myself.

Below is the error message if I run debug (F5):

Error 1 A namespace does not directly contain members such as fields or methods C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 6 2 WindowsApplication1
Error 2 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 8 11 WindowsApplication1
Error 3 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 9 11 WindowsApplication1
Error 4 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 14 11 WindowsApplication1
Error 5 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 15 11 WindowsApplication1
Error 6 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 20 11 WindowsApplication1
Error 7 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 21 11 WindowsApplication1
Error 8 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 26 11 WindowsApplication1
Error 9 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 27 11 WindowsApplication1
Error 10 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 32 11 WindowsApplication1
Error 11 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 33 11 WindowsApplication1
Error 12 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 38 11 WindowsApplication1
Error 13 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 38 32 WindowsApplication1
Error 14 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 39 11 WindowsApplication1
Error 15 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 39 37 WindowsApplication1
Error 16 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 40 11 WindowsApplication1
Error 17 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 40 33 WindowsApplication1
Error 18 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 44 26 WindowsApplication1
Error 19 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 54 31 WindowsApplication1
Error 20 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 56 31 WindowsApplication1
Error 21 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 58 29 WindowsApplication1
Error 22 A namespace does not directly contain members such as fields or methods C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 62 3 WindowsApplication1
Error 23 Expected class, delegate, enum, interface, or struct C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 70 22 WindowsApplication1
Error 24 Type or namespace definition, or end-of-file expected C:\Documents and Settings\nodo\My Documents\Visual Studio 2005\Projects\WindowsApplication1\WindowsApplication1\Form1.cs 115 2 WindowsApplication1

Please advise.

Thanks,
nodo

Here is the code that I copy from #9 and paste to my form.cs file.

using System;
using System.Drawing;
using System.Windows.Forms;
namespace namespace_Program
{
Class GraphicsProgram: Form
{
private Brush Box1_Color = Brushes.Black;
private Brush Box1
{
get { return Box1_Color; }
set { value = Box1_Color; }
}
private Brush Box2_Color = Brushes.Black;
private Brush Box2
{
get { return Box2_Color; }
set { value = Box2_Color; }
}
private Brush Box3_Color = Brushes.Black;
private Brush Box3
{
get { return Box3_Color; }
set { value = Box3_Color; }
}
private Brush Box4_Color = Brushes.Black;
private Brush Box4
{
get { return Box4_Color; }
set { value = Box4_Color; }
}
private Brush Box5_Color = Brushes.Black;
private Brush Box5
{
get { return Box5_Color; }
set { value = Box5_Color; }
}
private Panel TopPanel = new Panel();
private TextBox MainTextBox = new TextBox();
private Label InfoLabel = new Label();
Public GraphicsProgram()
{
this.Text = "Graphics rectangle program";
this.ClientSize = new Size(310, 130);
this.MaximizeBox = false;
this.FormBorderStyle = FormBorderStyle.FixedDialog;
TopPanel.Parent = this;
TopPanel.Dock = DockStyle.Top;
TopPanel.Height = 30;
//BottomPanel.Parent = this;
//BottomPanel.Dock = DockStyle.Bottom;
//BottomPanel.Height = 70;
MainTextBox.Parent = TopPanel;
MainTextBox.Location = new Point(10, 10);
MainTextBox.Multiline = false;
MainTextBox.KeyDown += new KeyEventHandler(MainTextBox_KeyDown);
InfoLabel.Parent = TopPanel;
InfoLabel.Location = new Point(113, 14);
InfoLabel.Text = "Input a number from 1 to 5 and hit enter.";
InfoLabel.AutoSize = true;
}
void AllBrushesBlack()
{
Box1_Color = Brushes.Black;
Box2_Color = Brushes.Black;
Box3_Color = Brushes.Black;
Box4_Color = Brushes.Black;
Box5_Color = Brushes.Black;
}
protected override void OnPaint(PaintEventArgs e) {
e.Graphics.FillRectangle(Box1, 10, 50, 50, 50);
e.Graphics.FillRectangle(Box2, 70, 50, 50, 50);
e.Graphics.FillRectangle(Box3, 130, 50, 50, 50);
e.Graphics.FillRectangle(Box4, 190, 50, 50, 50);
e.Graphics.FillRectangle(Box5, 250, 50, 50, 50);
base.OnPaint(e);
}

void MainTextBox_KeyDown(object sender, KeyEventArgs e)
{
if (e.KeyCode == Keys.Enter)
{
if (MainTextBox.Text == "1")
{
AllBrushesBlack();
Box1_Color = Brushes.Lime;
this.Invalidate();
}
if (MainTextBox.Text == "2")
{
AllBrushesBlack();
Box2_Color = Brushes.Lime;
this.Invalidate();
}
if (MainTextBox.Text == "3")
{
AllBrushesBlack();
Box3_Color = Brushes.Lime;
this.Invalidate();
}
if (MainTextBox.Text == "4")
{
AllBrushesBlack();
Box4_Color = Brushes.Lime;
this.Invalidate();
}
if (MainTextBox.Text == "5")
{
AllBrushesBlack();
Box5_Color = Brushes.Lime;
this.Invalidate();
}
}
}
}
#region Main
Class class_Main
{
[STAThread]
static void Main() {
Application.EnableVisualStyles();
Application.Run(new GraphicsProgram());
}
}
#endregion
}

Please find an attachment for zip files.

Thanks Jonny.

-nodo

Hi Jonny,
I am sorry to cause any convienence for you. I appreciate your help and your patience alot. It is a well explaination. It works now. I'll modify the code to exactly what I want later tonite because I am at work right now. Programming is nothing related to my work but I just want to learn. Again, you're a good helper and I appreciate it.

Thanks,
nodo

The question has been answered. Thanks for all your help (Johnny & Dahwan).

Hi again !

As you have given 5 stars for this post ( which is much to much in my eyes ) I have done you a code how I would do te same code, so its a bit more advanced and because of this also shorter. Its added in the zip. I'll explain it a bit. I'm using standard designer and in the designer we have a label and a TextBox called txtBoxNo where you put in your textoxnumber you want to color

using System;
using System.Drawing;
using System.Windows.Forms;

namespace myProject {
partial class Form1: Form {
private int _horBoxDist = 60; //the horizontal distance between Rectangles Left Corner
private Size _boxSize = new Size(50,50);
private int _horLocation = 10; // hor Location of the first Rectangle
private Brush _brush = null; // no startColor
private int _actualIndex = 0; // no Rectangle selected

public Form1() {
InitializeComponent();
}

protected override void OnPaint(PaintEventArgs e) {
// we start drawing Boxes on the left position which we have set in _horLocation
int pos = _horLocation;
// now we loop from 1 to 5
for(int i = 1; i <= 5 ; i++){
// if the actual choosen rectangle is the same we are just drawing
if( i == _actualIndex ){
// we use blue Brush to paint
_brush = Brushes.Blue;
}else{
// in every other case we use a Black brush
_brush = Brushes.Black;
}
// now we draw a rectangel of the given Sze
e.Graphics.FillRectangle(_brush ,pos,50,_boxSize.Width, _boxSize.Height);
// now we change the x-position value
pos += _horBoxDist;
}
// when we have drawn all rectangles we paint using the base method.
base.OnPaint(e);
}

private void txtBoxNo_KeyDown(object sender, KeyEventArgs e) {
if (e.KeyCode == Keys.Enter){
try {
// we try to convert the inout to an integer ( 32 bit )
_actualIndex = Convert.ToInt32(txtBoxNo.Text);
// if we had no error we now can check the value if its in the range
if ( _actualIndex > 0 && _actualIndex <= 5 ){
// if all is Ok we have the correct value in the _actualIndex Field and we invalidate the Form to get it redrawn
// so this calls OnPaint() !!!
this.Invalidate();
} else{
// errormessage wrong valuesize
MessageBox.Show("Input should be from 1 to 5");
}
} catch {
// as we had an error -no input tranfromable to integer
MessageBox.Show("Invalid Input");
}
}
}
}
}

Hi Jonny,
Since you post a new advance version, I just add the menu strip. How can I call "exit" function ...When you doubleclick on your 'exit' menuebutton at designtime then the designer creates a delagate for you and adds it to the form
This looks like the following
private void exitToolStripMenuItem_Click(object sender, EventArgs e) {

}
Now simple insert here the forms close command
private void exitToolStripMenuItem_Click(object sender, EventArgs e) {
this.Close();
}Clicking the button then closes the form.
...and display about info into a new form? Simple create a 'AboutMeForm' class derived from a Form. This is done automatically in the IDE opening the project menue and adding a Form to the project naming it AboutMeForm

public class AboutMeForm :Form {

...
}
there you may add all what you want, picture, labels with text...
The About menuebutton creates the following event
private void aboutToolStripMenuItem_Click(object sender, EventArgs e) {
// Fill it by this
AboutMeForm aboutForm = new AboutMeForm();
aboutForm.ShowDialog();
}
This will bring up the AboutForm on the screen.

Cool. Menu works now. What's next now? I just create it and learn a new function. :)...
Simple go on with what you are wanting to create with your code. Or if you want to follow a bigger lecture look to my article which I wrote in August and the next article on the same I'm already working on. You would learn about creating ownerdrawn controls, and lots of other stuff. It can be done if you know thr basics of C# and I tried to explain it carefully with lots of pictures and drawings. ( Look at the bottom of myy post there is a link to the article. The source is always added.:thumb: ;)

I'll take a look at your tutorial and learn from there. I appreciate your help alot.

-nodoIf you need specific help post a comment and send an email there so I can answer it.