Hello World In C++ and Microsoft Visual C++

Directions to begin a project 1. Go to All Programs 2. Open Visual Studio C++ 3. Click on New Project 4. Click CLR 5. Click Windows Form Application 6. Type in file name: Hello World! 7. Location: desktop 8. Click OK

Directions to set up IDE We are going to dock three windows on the right side of the screen. 1.Under the view menu, click on toolbox, drag to the right side of the screen, and click the stick pin to lock it on your screen. 2. Under the view menu, click on other windows, click on properties window. Drag to right window.

3. Now to the same for the solutions explorer, which can also be found under the view menu in other windows.

Solution Explorer Displays the structure of your program Shows that it is made of a number of files and folders These must be kept together. Formal1.h file will contain your code Other files support the way the program works

Use the Toolbox to add a control: a textbox In toolbox, scroll down until you get to TextBox, double click. This will create a textbox in the upper left corner of form1, called textbox1 Small white squares around the box indicate that it is highlighted or the selected object. Move the textbox to the middle of form1.

Use the Toolbox to add a control: a Button In toolbox, scroll down until you get to Button, double click. This will create a button, called button1, which is likely located over your textbox. Move the button below your textbox. Remember: the currently highlighted or active object’s information is in the property window

Using the properties window The attributes of a control are known as its properties. 1.Make sure the button1 is highlighted (active), then go to the properties window. You will see the properties for that button. 2.Scroll to Text, delete button1 and type in “Click for a Message”. Then press the enter key. 3.You should see Click for a Message on the button in the form now.

Can also change the properties of the form itself Click on the form anywhere except in the textbox or button. In the property window, scroll to Text, change it to Hello World! Press enter key. It’s usually a good idea to change the name of Form1 to the name of the program

Saving your work Click file menu Click Save All ALWAYS USE SAVE ALL! Never save as

How to Run the Program Click the Start Debugging Button (green triangle) on the toolbar. If you see a dialog box, click the box labeled Do not show this dialog again. Then click yes. Click the box on the program that says Click for message. What happens? _____________

Coding an Event Handler Double click the button on the form. This opens the Code Editor Window, also called the Code Window This is the code that underlies the form. The code is labeled Form1.h while the design window is called Form1.h [Design] DO NOT CHANGE THE CODE

Coding Event Continued The cursor is located at the end of the code prior to the closing of the curly bracket. Hit the enter key to go to a new line textBox1->Text = “Hello World!”; Save you program using SAVE ALL Run the program, using the green button.

Keywords Colored blue Predefined meanings in C++, can’t be used for anything else Examples: this, false, private This: used whenever a form wants to refer to itself Text or strings are colored blue

Control Names and Properties Form1, textbox1, button1 All controls have properties textBox1 -> Text, is used to identify the text property for textBox1 -> is the pointer membership operator. It indicates (points to) a property belonging to an object. Can be used for any properties

More control names and properties textBox1 ->BackColor, background color property For form1 use this ->BackColor

Strings Use quotation marks, to deliminate strings

= Assignment operator Makes something equal to something else textBox1-> Text = “Hello World!”;

Semicolons; Most C++ statements end in a semicolon Your code will not execute properly without the semicolon

You will now complete 6 Tasks When you complete a task, you must call me over to see the finished program to get credit. Once I have checked it off, you can move to the next task.

Task 1: Change the Textbox Font The Font property controls the size and appears of the message. To change the Font you will need to click on the Elllipsis(…) to get the font dialog box. You may need to resize the box.

Task 2: Add more Buttons Add three more buttons

Task 3: Create click Event Handlers for Each buttton Have the buttons display the following messages, one for each button: Hello Green World! Hello Red World! Hello Yellow World! Hello Blue World!

Task 4: Change the Text Properties of each Button Click for a green message Click for a Red message Etc.

Task 5: Change the textbox text color and background color textBox1 -> ForeColor = Color::Red; textBox1-> BackColor

Task 6: Change the Background Color of the Form Change the BackColor property of the form Use the keyword this All tasks must be completed by the end of class on Thursday.