Once all of the initialization has finished you will see the Visual Studio 2008 Start Page pictured below.
 | This image has been resized. Click this bar to view the full image. The original image is sized 600x429. |
In the left column you can see the Solution Explorer and a
Solution Explorer
Solution Explorer provides you with an organized view of your projects and their files as well as ready access to the commands that pertain to them. A toolbar associated with this window offers commonly used commands for the item you highlight in the list. To access Solution Explorer, select Solution Explorer on the View menu.
Source
Class View
Class View displays the symbols defined, referenced, or called in the application you are developing. You can open Class View from the View menu. There are two panes: an upper Objects pane and a lower Members pane. The Objects pane contains an expandable tree of symbols whose top-level nodes represent projects. To expand a node selected in the tree, click its plus (+) sign or press the plus (+) key on the keypad.
Icons identify hierarchical structures employed within your projects, such as namespaces, types, interfaces, enums, and classes. You can expand these structures to list their members. Properties, methods, events, variables, constants, and other contained items are listed in the Members pane.
This hierarchical, project-by-project, view clarifies the symbolic structures within your code. You can use Class View to open files and navigate directly to the lines where symbols appear.
Source
On the Right..
You can see the Properties Window and two
Lets Make Our Program
Select File/New/Project and the New Project window will appear. Select Visual C#. If you don't see this option you may have to click the plus (+) beside Other Languages. This is because you have selected a default language other than C#. Highlight Windows Forms Application. Change the name to HelloWorld which will also change the solution name at the same time. Your window should look like mine:
| This image has been resized. Click this bar to view the full image. The original image is sized 600x460. |
Click the OK button.
Designing the Application
You should now see a new new tab in the center labeled Form1.cs [Design]* next to the Start Page. In the center of the window you can see your new form respectively named Form1. Click directly on this. A dotted line will appear around it and the Properties Window will fill with values.
The first thing you should do is name your form appropriately. Find (Name) in the properties window (you may need to scroll) which should have a value of Form1. Change the value to frmMain. Preceding the names of your objects with what they are (frm = form) will create legible, clean code that is easy to read when you edit your code 1 month later. In this tutorial all objects will have a preceding name which specifies what they are.
The 2nd thing you should change is the text of your form which currently states Form1. The text label is simply the "title" of your form. Scroll down (or up) in the properties view until you find Text with a value of Form1. Change the value to "Hello World".
| This image has been resized. Click this bar to view the full image. The original image is sized 600x429. |
Adding functionality
Mouse over the Toolbox tab on the right hand side to view the objects you can use:
Click on Button. Place your mouse cursor over the center of your form (frmMain), left-click and hold. Move your cursor to the right and bottom to create
| This image has been resized. Click this bar to view the full image. The original image is sized 600x429. |
First things First
Click on the button (button1) to see the properties of the object. Find (Name) with the value of button1 and change the value to btnHelloWorld. Scroll down and find Text with the value of button1. Change the value to Click Me.
You have now created a button and properly named/labeled it. The next step is adding the code that makes it work. Double click the button (btnHelloWorld) in the center of your form. This actually creates the button click event function and brings up the code window.
| This image has been resized. Click this bar to view the full image. The original image is sized 600x429. |
Your cursor is directly below the opening curly bracket { and directly above the closing bracket }. The first thing you should do when a new function is created is comment the code. The Visual Studio 2008 IDE has built in functions that assist you in this task. Press the up arrow three times. Press Enter once. Now press the forward slash (/) three times. As you left of the forward slash the third time XML comments are created for entering function data. Your cursor will be between the summary tags. Enter here what the function below will do. Our function will create a message box with the text "Hello World". Hence, enter:
Code:
///
/// Function to create Message Box with
/// text "Hello World".
///
Move your cursor down below the function btnHellowWorld_Click:
Code:
private void btnHelloWorld_Click(object sender, EventArgs e)
{
| This image has been resized. Click this bar to view the full image. The original image is sized 600x429. |
MessageBox Function
Displays a modal dialog box that contains a brief application-specific message, such as status or error information. The message box returns an integer value that indicates which button the user clicked.
Source
Running the Code
There are two ways to run the code:
1) Goto Debug/Start Debugging
2) Press F5
Choose either of the options and your code will be compiled and ran.
Click the button "Click Me". You should see:
source :
http://forum.codecall.net
No comments:
Post a Comment