Transcript of 1 Chapter 2 –Visual Basic, Controls, and Events 2.1 An Introduction to Visual Basic 2.2 Visual...
- Slide 1
- 1 Chapter 2 Visual Basic, Controls, and Events 2.1 An
Introduction to Visual Basic 2.2 Visual Basic Controls 2.3 Visual
Basic Events Chapter 2 - VB 2010 by Schneider
- Slide 2
- 2 2.1 An Introduction to Visual Basic 2010 Why Windows and Why
Visual Basic How You Develop a Visual Basic Application The
Different Versions of Visual Basic Chapter 2 - VB 2010 by
Schneider
- Slide 3
- 3 Visual Basic 2010 Language used to create Windows
applications. Provides a Graphical User Interface or GUI. How is
this pronounced? The sequence of instructions executed in the
program is controlled by events. Chapter 2 - VB 2010 by
Schneider
- Slide 4
- 4 Sample Input Screen Chapter 2 - VB 2010 by Schneider
- Slide 5
- 5 How to Develop a Visual Basic Application Design the
Interface for the user. Determine which events the controls on the
window should recognize. Write the event procedures for those
events. Chapter 2 - VB 2010 by Schneider
- Slide 6
- 6 Different Versions of Visual Basic Version 1.0 1991 Version
2.0 1992 Version 3.0 1993 Version 4.0 1995 Version 5.0 1997 Version
6.0 1998 Visual Basic.NET 2002 (NOT BACKWARD COMPATIBLE WITH
EARLIER VERSIONS) Visual Basic 2005 November 2005 Visual Basic 2008
November 2007 Visual Basic 2010 April 2010 Chapter 2 - VB 2010 by
Schneider
- Slide 7
- 7 2.2 Visual Basic Controls Starting a New Visual Basic Program
Text Box Control Button Control Label Control List Box Control Name
Property Fonts / Auto Hide Positioning and Aligning Controls
Chapter 2 - VB 2010 by Schneider
- Slide 8
- 8 Visual Basic Start Page Chapter 2 - VB 2010 by Schneider
- Slide 9
- 9 Start a New Project Chapter 2 - VB 2010 by Schneider
- Slide 10
- 10 New Project Dialog Box select click on OK button Chapter 2 -
VB 2010 by Schneider
- Slide 11
- 11 Initial Visual Basic Screen Chapter 2 - VB 2010 by
Schneider
- Slide 12
- 12 Toolbox Chapter 2 - VB 2010 by Schneider
- Slide 13
- 13 4 Ways to Place a Control from the Toolbox onto the Form
Designer Double-click Drag and Drop Click, Point, and Click Click,
Point, and Drag Chapter 2 - VB 2010 by Schneider
- Slide 14
- 14 Four Controls at Design Time text box To select a control,
click on it. Sizing handles will appear when a control is selected.
Chapter 2 - VB 2010 by Schneider
- Slide 15
- 15 Text Box Control Used for input and output When used for
output, ReadOnly property is set to True sizing handles Tasks
button Chapter 2 - VB 2010 by Schneider
- Slide 16
- 16 Properties Window Categorized view Alphabetical view Press
F4 to display the Properties window for the selected control.
Chapter 2 - VB 2010 by Schneider
- Slide 17
- 17 Properties Window (continued) properties settings selected
control Description pane Chapter 2 - VB 2010 by Schneider
- Slide 18
- 18 Some Often Used Properties Text Autosize Font.Name Font.Size
ForeColor BackColor ReadOnly Chapter 2 - VB 2010 by Schneider
- Slide 19
- 19 Setting Properties Click on property name in left column.
Enter its setting into right column by typing or selecting from
options displayed via a button or ellipses. What is ellipses?
Chapter 2 - VB 2010 by Schneider
- Slide 20
- 20 Setting the ForeColor Property 1.Click on ForeColor. 2.Click
on button at right of settings box. 3.Click on Custom tab to obtain
display shown. 4.Click on a color. Chapter 2 - VB 2010 by
Schneider
- Slide 21
- 21 Font Property 1.Click on Font in left column. 2.Click on
ellipsis at right of settings box to obtain display shown. 3.Make
selections. Chapter 2 - VB 2010 by Schneider
- Slide 22
- Button Control The caption on the button should indicate the
effect of clicking on the button. 22 Text property Chapter 2 - VB
2010 by Schneider
- Slide 23
- 23 Add an Access Key What is that special symbol called? And
where is it on the keyboard? Chapter 2 - VB 2010 by Schneider
- Slide 24
- 24 Label Control Used to identify the contents of a text box.
Text property specifies caption. By default, label automatically
resizes to accommodate caption on one line. When the AutoSize
property is set to False, label can be resized manually. AutoSize
is used primarily to obtain a multi- rowed label. Chapter 2 - VB
2010 by Schneider
- Slide 25
- 25 List Box Control Initially used to display several pieces of
output. In Chapter 4 used to select from a list. Chapter 2 - VB
2010 by Schneider
- Slide 26
- 26 The Name Property Used by the programmer to refer to a
control in code Setting for Name property near top of Properties
window Use appropriate 3-character naming prefix Use descriptive
names Chapter 2 - VB 2010 by Schneider
- Slide 27
- Control Name Prefixes ControlPrefixExample buttonbtnbtnCompute
labellbllblAddress text boxtxttxtAddress list boxlstlstOutput 27
Please note: for listboxes, it is an L; NOT the number 1. Chapter 2
- VB 2010 by Schneider
- Slide 28
- 28 Renaming the Form Initial name is Form1 The Solution
Explorer window lists a file named Form1.vb. To rename the form,
change the name of this file to newName.vb newName should begin
with prefix frm. Chapter 2 - VB 2010 by Schneider
- Slide 29
- 29 Fonts Proportional width fonts, such as Microsoft Sans
Serif, use less space for "I" than for "W" Fixed-width fonts take
up the same amount of space for each character like Courier New
Fixed-width fonts are used for tables. Chapter 2 - VB 2010 by
Schneider
- Slide 30
- Auto Hide 30 Hides Toolbox when not in use Vertical push pin
icon indicates auto hide is disabled. Click the push pin to make it
horizontal and enable auto hide. push pin Chapter 2 - VB 2010 by
Schneider
- Slide 31
- 31 Positioning Controls proximity line Chapter 2 - VB 2010 by
Schneider
- Slide 32
- 32 Aligning Bottoms of Controls snap line Chapter 2 - VB 2010
by Schneider
- Slide 33
- 33 Aligning Middles of Controls snap line Chapter 2 - VB 2010
by Schneider
- Slide 34
- 34 The tab indices determine the order in which controls
receive the focus during tabbing. The control whose TabIndex
property is set to 0 has the focus when the program begins. Tab
Order Chapter 2 - VB 2010 by Schneider
- Slide 35
- 35 2.3 Visual Basic Events An Event Procedure Walkthrough
Properties and Event Procedures of the Form The Header of an Event
Procedure Chapter 2 - VB 2010 by Schneider
- Slide 36
- 36 Event An event is an action, such as the user clicking on a
button Usually, nothing happens in a Visual Basic program until the
user does something and raises an event. What happens is determined
by statements inside the event procedure. Chapter 2 - VB 2010 by
Schneider
- Slide 37
- 37 Sample Statements txtBox.ForeColor = Color.Red
txtBox.Visible = True txtBox.Text = "Hello World" General Form:
controlName.property = setting Chapter 2 - VB 2010 by
Schneider
- Slide 38
- 38 Sample Form txtFirst txtSecond btnRed Chapter 2 - VB 2010 by
Schneider
- Slide 39
- 39 Focus When you click on a text box, a cursor appears in the
text box, and you can type into the text box. Such a text box is
said to have the focus. If you click on another text box, the first
text box loses the focus and the second text box receives the
focus. Chapter 2 - VB 2010 by Schneider
- Slide 40
- 40 Examples of Events btnShow.Click txtBox.TextChanged
txtBox.Leave General Form: controlName.event Chapter 2 - VB 2010 by
Schneider
- Slide 41
- 41 The Three Steps in Creating a Visual Basic Program 1.Create
the interface; that is, generate, position, and size the objects.
2.Set properties; that is, configure the appearance of the objects.
3.Write the code that executes when events occur. Chapter 2 - VB
2010 by Schneider
- Slide 42
- 42 Code Editor Code Editor tab Form Designer tab Chapter 2 - VB
2010 by Schneider
- Slide 43
- Display Events for a Control Select the control Click on the
Events button ( ) in the Properties window 43 events button Chapter
2 - VB 2010 by Schneider
- Slide 44
- 44 Structure of an Event Procedure Private Sub
objectName_event(...) Handles objectName.event statements End Sub
(...) is filled automatically with (ByVal sender As System.Object,
ByVal e As System.EventArgs) header Chapter 2 - VB 2010 by
Schneider
- Slide 45
- 45 Create an Outline for an Event Procedure Double-click on a
control or Select a control, click on the Events button in the
Properties window, and double-click on an event I usually use the
first method, but either way is acceptable. Chapter 2 - VB 2010 by
Schneider
- Slide 46
- 46 Sample Form txtFirst txtSecond btnRed Double-click on
txtFirst to create the outline for the Code Editor Chapter 2 - VB
2010 by Schneider
- Slide 47
- 47 Code for Walkthrough Public Class frmDemo Private Sub
txtFirst_TextChanged(...) Handles txtFirst.TextChanged
txtFirst.ForeColor = Color.Blue End Sub End Class Chapter 2 - VB
2010 by Schneider
- Slide 48
- 48 IntelliSense Automatically pops up to help the programmer.
txtFirst. Let me show you it. Chapter 2 - VB 2010 by Schneider
- Slide 49
- 49 Code Editor click tab to return to Form Designer Chapter 2 -
VB 2010 by Schneider
- Slide 50
- 50 Sample Form txtFirst txtSecond btnRed Double-click on btnRed
to return to Code Editor and add the outline of an event procedure
Chapter 2 - VB 2010 by Schneider
- Slide 51
- 51 Code for Walkthrough Public Class frmDemo Private Sub
txtFirst_TextChanged(...) Handles txtFirst.TextChanged
txtFirst.ForeColor = Color.Blue End Sub Private Sub
btnRed_Click(...) Handles btnRed.Click txtFirst.ForeColor =
Color.Red End Sub End Class Chapter 2 - VB 2010 by Schneider
- Slide 52
- 52 Event Procedure txtFirst.Leave Select txtFirst on the form
Click on the Events button in the Properties window Double-click on
Leave Chapter 2 - VB 2010 by Schneider
- Slide 53
- 53 Code for Walkthrough Private Sub txtFirst_Leave(...) Handles
txtFirst.Leave txtFirst.ForeColor = Color.Black End Sub Private Sub
txtFirst_TextChanged(...) Handles txtFirst.TextChanged
txtFirst.ForeColor = Color.Blue End Sub Private Sub
btnRed_Click(...) Handles btnRed.Click txtFirst.ForeColor =
Color.Red End Sub Chapter 2 - VB 2010 by Schneider
- Slide 54
- 54 Header of Event Procedure Private Sub btnRed_Click() Handles
btnRed.Click Identifies eventName, can be changed. Private Sub
Button_Press() Handles btnRed.Click Chapter 2 - VB 2010 by
Schneider
- Slide 55
- 55 Handling Multiple Events Private Sub Happening(...) Handles
btnRed.Click,txtSecond.Leave txtFirst.ForeColor = Color.Red End Sub
An event procedure can be invoked by two events. Chapter 2 - VB
2010 by Schneider
- Slide 56
- 56 Altering Properties of the Form The following will not work:
frmDemo.Text = "Demonstration" The form is referred to by the
keyword Me. Me.Text = "Demonstration" Chapter 2 - VB 2010 by
Schneider
- Slide 57
- 57 Open and Run an Existing Program Click on Open Project in
the File menu. Navigate to the programs folder. Double-click on the
programs folder to open it. Double-click on the file with extension
sln. In the Solution Explorer double-click on the file with
extension vb. (The Form Designer will appear.) Press F5 to run the
program. Chapter 2 - VB 2010 by Schneider