430 likes | 643 Views
Outline. Review Visual Basic .NET Environment First Visual Basic Planning and Programming Finding and Fixing Errors – Debugging Summary. Using Microsoft Visual Studio .NET. Using Microsoft Visual Studio .NET (continue). Naming Rules and Convention. Examples: Object Prefix Example
E N D
Outline • Review Visual Basic .NET Environment • First Visual Basic Planning and Programming • Finding and Fixing Errors – Debugging • Summary
Naming Rules and Convention Examples: ObjectPrefixExample Form frm frmHello Button btn btnPush Textbox txt txtName Label lbl lblMessage Radio button rad radBold Check Box chk chkPrint
A First Program Example • Develop a simple program that • Display a title • Has one Label that display data when a button is pressed • Has two Buttons • Write procedure code for each event • Save the form • Save the project • Run the program
Planning: GUI Design Label ECET/CS 114 frmHello lblMessage Text displayed here Text property btnPush Push Me Exit btnExit
Planning: Object Properties • Form • Name: frmHello • Text: Hello world • Size: as required • Label at top of form • Let VB name this label (default) • Text: “MIS 255” Font: Default, size to fit label box • First Information Label • Name: lblMessage, Text: Blank, Font: Default, size to fit label box • BASIC code in buttons displays data in label
Program Development Example Event Statement Write a VB.NET program that displays the information when a display button is clicked; and exit the program when the exit button is clicked: • Press button to display “Hello World” • Press button to Exit
Define GUI ECET/CS 114 Text displayed here Push Me Labels Exit
Define the User Interface- Create a Form • Plan the project – one label, two buttons • Resize the form by drag a corner of the form handle it • Text –Form1 at the Properties window
Define the User Interface (continued)- Place Control on the Form • Point to the toolbox icon to open the toolbox on the left side • Place controls on the form • Point to A Label and drag, drop on the form
Define the User Interface (continued)- Create Label • Drag the mouse pointer to the spot where you want to • Pointer to a corner and resize the label on the form
Define the User Interface (continued)- Set Label Properties Object box Value in the Settings box Click on the label you place on the form Settings box
Define the User Interface (continued)- Place Control on the Form Point to Label in the Toolbox and drag, drop on the Form to Create Another label
Define the User Interface (continued)- Place Control on the Form Text property TextAlign property Name property
Define the User Interface (continued)- Place Control on the Form • Point to Button in the Toolbox and drag, drop on the Form where you want to • Point to a corner and resize the button on the form Assign button name: btnPush
Define the User Interface (continued)- Place Control on the Form • Double click on the button control to create the second button • Point to the control and drag the label on the form Assign button name: btnExit
Define the User Interface(continued)- Place Control on the Form • Lock Controls -To prevent your form accidentally moving the controls
Define the User Interface(continued)- Set Properties Object box Value in the Settings box Settings box
Define the User Interface(continued)- Set Properties for Buttons
Define the User Interface(continued)- Set Properties for From1 • Double click on Form1 • Click Anywhere on the Form to Change Properties of the Form
Define the User Interface(continued)- Set Properties • Change the Text property to “Hello World by Melissa” • Hello World by Melissa is displayed at the title of the Form • Change the Name property to frmHello
Define the User Interface(continued)- Set File Name • In the Solution Explorer, right click on Form.vb • Choose Rename from the shortcut menu
Define the User Interface(continued)- File Name Change the file name from Form1.vb to frmHello.vb
Define the User Interface(continued)- Set Startup Object In the Solution Explorer, click on project1, then properties Name of the Form class filename
Define the User Interface(continued)- Set Startup Object • In the Project Property dialog box, drop down the list for Startup Object and select frmHello • Click Apply then click OK
Comments and the Assignment Statement • Comment • used to document code • Syntax example ' this is a comment • Assignment • used to assign a value to a property (or a variable) • Syntax variable = value • Examples Pi = 3.14 lblMessage.ForeColor = Color.Red lblMessage.BackColor = Color.Yellow lblMessage.Text = "WebCT is a pretty good tool."
Write Code • Develop a Visual Basic code in Procedures • A sub procedure begins with Private Sub and ends with End Sub • The Remark statement • Comments • The Assignment Statement • Assigns a value to a property or variable • Ex: btnHello.Hide() lblMessage.Show() Me.Close()
Write Code (continue) • A Space then an Underline enables you to press the enter key and continue a line of code on a new line. • Each method is defined as a VB procedure • For methods which correspond to events, VB automatically names the procedure • Private Sub btnPush_Click(ByVal sender As System.Object, _ • ByVal e As System.EventArgs) Handles btnPush.Click • End Sub
Write Code(continued) Click on Push Me button
Write Code(continued) Form Designer tab Editor tab Class List Method List Remark Statement Assignment Statement
Write Code(continued) Click on Exit button
Write Code(continued) Edit one line of Comment and one line of Code Class List Method List
Save the Project • Open the File menu • Choose Save All
Compiler the project Click on Build, then Select Build Solution
Run the Project • Open the Debug menu • Select Start without debugging
Result of the Project • When Click on Push Me button – display Hello World • When Click on Exit button – Close the window
The VB Environment Code View Help
Summary • Program Planning and GUI • Visual Basic Programming • Use Toolbox • Edit properties • Write code • Run the project