objectives: to open an existing project called helloworld. to learn how set properties using the...

OBJECTIVES:• To open an existing Project called HelloWorld.• To learn how set properties using the property window and how to set them in the code.

Chapter 2 Gaddis Book Dr. Scanlan Notes

SETTING THE MOST OFTEN USED TEXTBOX, BUTTON, LABEL, PICTUREBOX PROPERTIES,USING THE PROPERIES WINDOW AND CODE.

OBJECTIVES:•To learn how set properties using the property window and how to set them in the code using a simple "Hello World" type of program.

Chapter 2 Gaddis Book Dr. Scanlan Notes

SETTING THE MOST OFTEN USED TEXTBOX, BUTTON, LABEL, PICTUREBOX PROPERTIES,USING THE PROPERIES WINDOW AND CODE.

TEXTBOX

A TextBox is used for:1. Outputting information onto a Form.

2. Inputting data into a program for processing. Typically it is used for inputting data.

TEXTBOXES

Setting Properties Using Property Window

Program's Purpose: Illustrates property settings.When the button is pressed, the GUI displays as seenbelow:

Dr. Scanlan: Program this with the class following. Set text size to 18 points.

TextBox1:MultiLine: TrueTextAlign: Center

Label1:AutoSize: TrueFont: Microsoft Sans Serif, Bold, 18 pointsBackColor: GrayForeColor: WhiteTextAlign: MiddleCenter

Label2:AutoSize: FalseBackColor: WhiteForeColor: RedBorderStyle: Fixed3DTextAlign: MiddleCenter

Don't forget this:

Setting Properties Using Property Window

Program's Purpose: Illustrates property settings.When the button is pressed, the GUI displays as seenbelow:

Dr. Scanlan: Program this with the class following. Set text size to 18 points.

Not all the code is showing for this line.

Causes a NewLine to be started.

FIND AND LOAD YOUR HELLO WORLD PROGAM.START HERE.

TEXTBOXES

This is a Textbox OBJECT.

This is a PROPERTY of the Textbox OBJECT.

TEXTBOXES

This is a Textbox OBJECT.

This is a PROPERTY of the Textbox OBJECT.

TEXTBOXES

This string of characters, Hello World, is called DATA.

“Replace Me” will be replacewith “Hello World” when Button1 is pressed. See nextslide.

Place “Replace Me” here and it will immediatelybe seen in the TextBox.

TEXTBOXES

Press the Button1 and Hello World replaces “Replace Me”.

TEXTBOXES

TextBoxes:FORECOLOR & BACKCOLOR

TEXTBOXES

How to change the BACKCOLOR of a Textbox:1. Select the Textbox2. Click here3. Click here4. Click here5. Click here

TEXTBOXES

How to change the FORECOLOR for a Textbox:1. Select the Textbox2. Click here3. Click here4. Click here5. Click here

TEXTBOXES

TextBoxes:MULTILINE

TEXTBOXES

How to select a multiline TextBox:1. Select the TextBox2. Click here

TEXTBOXES

How to select a multiline TextBox (Continued)3. Click here4. OR click True here

TEXTBOXES

How to select a multiline TextBox (Continued)5. RESULTS

Multiline Changed from false to true

TEXTBOXES

This code will cause the following to be displayed in the multiline Textbox when Button1 is pressed. >>>>>>>>

Join or Concatenation uses the & symbol Causes a new line

Continuation of a lineof code

TEXTBOXES

More than one line of text; thus Multiline.

TEXTBOXES

TextBoxes:Border Styles

TEXTBOXES

Three different border styles:1. None2. FixedSingle3. Fixed3D

TEXTBOXES

TextBoxes:Selecting Fonts

TEXTBOXES

Click here

Next, Click here

See next slide for result >>>>>

TEXTBOXES

Choose a font then press OK.

Three of the many font possibilities.

TEXTBOXES

TextBoxes:INPUT & OUTPUT

TEXTBOXES

TextBox1 for INPUT

TextBox2 for OUTPUT

TEXTBOXES

TextBox1 for INPUT

TextBox2 for OUTPUT

Set TextBox2 for OUTPUT ONLY (Read only)1. Select TextBox22. Click here3. Click here

TEXTBOXES

TextBox1 for INPUT

TextBox2 for OUTPUT ONLY

Set TextBox2 for OUTPUT ONLY (Read only)4. Select True for ReadOnly

NOTE: If a TextBox’s ReadOnly property is set to False,the TextBox can be used to input data into the program or to output data from the program.

TEXTBOXES

Place this line of code in the Button1_Click event.

Note: The contents of the Text property in TextBox1 will be assignedto the Text property in TextBox2.Example: If CSUS is typed into TextBox1, CSUS will bedisplayed in TextBox2, when Button1 is pressed.

TEXTBOXES

Steps:1. Run program2. Enter CSUS in TextBox13. Press Button14. View the OUTPUT in TextBox2

TEXTBOXES

ButtonsBACKCOLOR & FORECOLOR

BUTTONS

How to change the BACKCOLOR of a Button:1. Select the Button2. Click here3. Click here4. Click here5. Click here

BUTTONS

How to change the FORECOLOR of a Button:1. Select the Button2. Click here3. Click here4. Click here5. Click here

BUTTONS

Buttons:TEXT

BUTTONS

Change message on Button:1. Select Button2. Change Button1 to something different; such as Press.

BUTTONS

Buttons:Text ALLIGNMENT

BUTTONS

Change message on Button:1. Select Button2. If you select “TopLeft”, the word Press will be oriented in the TopLeft of the Button.

BUTTONS

Labels1. Labels can be used as labels.2. Labels can be used to output data from the code.

3. Labels can never be used to input data.

LABELS

TEXT

LABELS

How to put text in a Label:1. Get a label from the ToolBox.2. Select the label.3. Replace Label1 with new text, such as, Name. See next slide for results>>>>>>>

LABELS

How to use a label as a label on a form.1. Change ForeColor from white to Black2. Replace Label1 with Name or any word/s you want.

LABELS

How to use a label for Output:1. Drag a Label onto the Form.2. Select the Label3. Change AutoSize to False4. Change BorderStyle to Fixed3D5. Change ForeColor from White to Black

NOTE: TextBoxes can be used for bothinput and output.Labels can only be used foroutput or for labelling.

LABELS

LABELS

Press the Button and George Washingtonis outputted (displayed) in the Label.

LABELS

BACKCOLOR1. Click here and select color.

LABELS

SETTING PROPERTIES & METHODS WITHIN

THE CODE.

Forms, TextBoxs, and Labels

Setting Properties within the Code

Setting Properties Within the Code

Program's Purpose: Illustrates property settings within the code.When the button is pressed, the GUI displays as seenbelow:

Dr. Scanlan: Program this with the class following. Set text size to 18 points.

Form1:Me.Text = "Setting Properties"

TextBox1:TextBox1.Multiline = True TextBox1.Size = New Size(128, 60) TextBox1.TextAlign = HorizontalAlignment.Center TextBox1.Text = "Hello" & ControlChars.NewLine & "World"

Setting Properties Within the Code

Program's Purpose: Illustrates property settings within the code.When the button is pressed, the GUI displays as seenbelow:

Dr. Scanlan: Program this with the class following. Set text size to 18 points.

Label1:

Label1.AutoSize = True Label1.BackColor = Color.Gray Label1.ForeColor = Color.White Label1.Font = New System.Drawing.Font("Sans Serif", 28) Label1.Font = New System.Drawing.Font(Label1.Font, FontStyle.Bold) Label1.Text = "Hello World"

Setting Properties Within the Code

Program's Purpose: Illustrates property settings within the code.When the button is pressed, the GUI displays as seenbelow:

Dr. Scanlan: Program this with the class following. Set text size to 18 points.

Label2:

Label2.AutoSize = False Label2.BackColor = Color.White Label2.ForeColor = Color.Red Label2.BorderStyle = BorderStyle.Fixed3D Label2.TextAlign = ContentAlignment.MiddleCenter Label2.Size = New Size(128, 22) Label2.Text = "Hello World"

Dr. Scanlan: Program this with the class following. Set text size to 18 points.

Setting Properties Within the Code

SETTING PROPERTIES & METHODS WITHIN

THE CODE.

TextBox

Setting Properties within the Code

Setting Properties within the Code

Slide: TextBox1.BackColor

BackColor1. Set color in Properties Window

OR2. Set using code by executing one of these:

TextBox1.BackColor = Color.Yellow TextBox1.BackColor = Color.Blue TextBox1.BackColor = Color.Green TextBox1.BackColor = Color.Red 'There are many other colors. 'Use Intellisense.

Purpose:1. Sets the background color in the TextBox.

Slide: TextBox1.BorderStyle

BorderStyle1. Set in Properties Window

OR2. Set using code by executing one of these:

TextBox1.BorderStyle = BorderStyle.None TextBox1.BorderStyle = BorderStyle.FixedSingle TextBox1.BorderStyle = BorderStyle.Fixed3D

Setting Properties within the Code

Slide: TextBox1.Font

Font 1. Set in Properties Window

Setting Properties within the Code

Slide: TextBox1.ForeColor

ForeColor 1. Set in Properties Window

OR2. Set using code by executing one of these:

TextBox1.ForeColor = Color.Yellow TextBox1.ForeColor = Color.Blue TextBox1.ForeColor = Color.Green TextBox1.ForeColor = Color.Red 'There are many other colors. 'Use Intellisense.

Purpose:1. Sets the foreground color in the TextBox.2. Result: ForeColor sets the text color.

Setting Properties within the Code

Slide: TextBox1.Text

Text 1. Set in Properties Window

OR 2.Set using code by executing one of these:

TextBox1.Text = "Any text here" 'Clears text box TextBox1.Text = "" 'Clears text box TextBox1.Clear()

Usually this property is left empty and text is added when code is executed.

Setting Properties within the Code

Slide: TextBox1.TextAlign

TextAlign 1. Set in Properties Window

OR 2.Set using code by executing one of these:

TextBox1.TextAlign = HorizontalAlignment.Left TextBox1.TextAlign = HorizontalAlignment.Center TextBox1.TextAlign = HorizontalAlignment.Right

Setting Properties within the Code

Slide: TextBox1.CharacterCasing

CharacterCasing1. Set in Properties Window

OR 2.Set using code by executing one of these:

TextBox1.CharacterCasing = CharacterCasing.Lower TextBox1.CharacterCasing = CharacterCasing.Normal TextBox1.CharacterCasing = CharacterCasing.Upper

Changes inputted text to:1. Normal: Stays as typed2. Upper: Forces text to upper case3. Lower: Forces text to lower case

Important for data validation.

Setting Properties within the Code

Slide: TextBox1.MaxLength

MaxLength1. Set in Properties Window

OR 2.Set using code by executing one of these:

TextBox1.MaxLength = "1" TextBox1.MaxLength = "10" TextBox1.MaxLength = "32767"

Limits how may characters can be entered into the text box :MaxLength: 1 to 32,767 characters

Important for data validation.

Setting Properties within the Code

Slide: TextBox1.MultiLine

MultiLine1. Set in Properties Window

OR 2.Set using code by executing one of these:

TextBox1.Multiline = True TextBox1.Multiline = False

Settings:1. True: Allows for more than one line of text.2. False: Limits TextBox to one line of text.

Setting Properties within the Code

Slide: TextBox1 (Location and Size)

Location and Size1. Set in Properties Window

OR 2.Set using code by executing one of these:

TextBox1.Location = New Point(80, 40) TextBox1.Size = New Size(128, 22)

Location Settings;1. X: Number of pixels to the left of Form12. Y: Number of pixels from top of Form 1

Size Settings:1. Width: The width of TextBox1 in pixels.2. Height: The height of TextBox1 in pixels.

Note: Location and Size are automatically updated when you move TextBox1 on the form.

All controls that you can see on Form1 have Location and Size properties.

Setting Properties within the Code

Slide: TextBox1.Name

Name1. Set in the Properties Window

Name PropertyTextBox1 is NOT a meaningful name and it must be changed to a name that is meaningful.Rules:

1. Make the name as short as possible and as meaningful as possible.

2. Shift to upper case between words.3. Use txt as the prefix.

Examples:txtHoursWorkedtxtLastNametxtHourlyRatetxtSellingPrice

Setting Properties within the Code

Setting Properties within the Code

SETTING PROPERTIES & METHODS WITHIN

THE CODE.

LABELS

Slide: Label1.BackColor

BackColor1. Set color in Properties Window

OR2. Set using code by executing one of these:

Label1.BackColor = Color.Yellow Label1.BackColor = Color.Blue Label1.BackColor = Color.Green Label1.BackColor = Color.Red Label1.BackColor = Color.White 'There are many other colors. 'Use Intellisense.

Purpose:1. Sets the background color in the Label.

Setting Properties within the Code

Slide: Label1.BorderStyle

BorderStyle1. Set in Properties Window

OR2. Set using code by executing one of these:

Label1.BorderStyle = BorderStyle.None Label1.BorderStyle = BorderStyle.FixedSingle Label1.BorderStyle = BorderStyle.Fixed3D

Setting Properties within the Code

Slide: Label1.Font

Font 1. Set in Properties Window

Setting Properties within the Code

Slide: Label1.ForeColor

ForeColor 1. Set in Properties Window

OR2. Set using code by executing one of these:

TextBox1.ForeColor = Color.Yellow TextBox1.ForeColor = Color.Blue TextBox1.ForeColor = Color.Green TextBox1.ForeColor = Color.Red 'There are many other colors. 'Use Intellisense.

Purpose:1. Sets the foreground color in the Label.2. Result: ForeColor sets the text color.

Setting Properties within the Code

Slide: Label1.Text

Text 1. Set in Properties Window

OR 2.Set using code by executing one of these:

Label1.Text = "Any text here" 'Clears text box Label1.Text = "" 'Clears text box Label1.Clear()

Setting Properties within the Code

Slide: Label1.TextAlign

TextAlign 1. Set in Properties Window

OR 2.Set using code by executing one of these:

Label1.TextAlign = ContentAlignment.MiddleCenter Label1.TextAlign = ContentAlignment.MiddleLeft Label1.TextAlign = ContentAlignment.MiddleRight 'For the six other settings, use intellisense.

Setting Properties within the Code

Slide: Label1 (Location and Size)

Location and Size1. Set in Properties Window

OR 2.Set using code by executing one of these:

Label1.Location = New Point(56, 40) Label1.Size = New Size(160,16)

Location Settings;1. X: Number of pixels to the left of Form12. Y: Number of pixels from top of Form 1

Size Settings:1. Width: The width of Label1 in pixels.2. Height: The height of Label1 in pixels.

Note: Location and Size are automatically set when you move Label1 on the form.

Setting Properties within the Code

Slide: Label1.Name

Name1. Set in the Properties Window

Name PropertyLabel1 is NOT a meaningful name and it must be changed to a name that is meaningful.Rules:

1. Make the name as short as possible and as meaningful as possible.

2. Shift to upper case between words.3. Use lbl as the prefix.

Examples:lblDisplayHoursWorkedlblDisplayLastNamelblDisplayHourlyRatelblDisplaySellingPrice

Rules for Creating Meaningful Names

TextBoxes vs. Labels

TextBoxes

• Used for data input.

• Used for output, only if you need more than one line.

Labels

• Used for output

PictureBox1. Allows for placing a picture on the

form.2. Has properties, as do most controls.3. Has events, as do most controls.

PICTUREBOX CONTROL

PICTURE BOX

PICTURE BOX

Purpose: This example program illustrates the PictureBox property. It also illustrates the Visual property of a Label that has been set to False in the Properties window and set to True in the code.Code: lblDirections.Visible = True

Dr. Scanlan: Program this with the class following. Set code text size to 18 points.

These directions become Visible when the "Display Directions" button is pressed.

PICTURE BOX

'THIS CODE IS EXECUTED WHEN THE BUTTON IS PRESSED.

When the button is pressed, the label's text property isDisplayed.

[Missing code}

[Missing code}

Requirements:1. Place the objects on the form as seen below.2. Place the directions in the text property of lblDirections.Text3. Write to code below.

PICTURE BOX

PictureBox Control1. The PictureBox allows the programmer to place a picture on the Form. (a) The PictureBox can respond to a variety of events, such as a click event.2. These slides illustrate:

(a) Placing a picture on the form.(b) A click event causing a message to be displayed.

Double click on the PictureBoxControl or drag it onto the Form

PICTURE BOX

PictureBox Control1. PictureBox Tasks (Options)

Click here to view options

PictureBox Control

PICTURE BOX

PictureBox Control1. PictureBox Tasks (Options)

Find an image to put in thePictureBox

PICTURE BOX

PictureBox Control1. PictureBox Tasks (Options)

Find (Import) an image and place itin the Resources.resx filethat is under the Solutions.slnFile.

Press Import button tolook for your desired Picture.

PICTURE BOX

PictureBox Control1. PictureBox Tasks (Options)

I imported the picture, HotelMap, which isdisplayed.

Next, press OK

PICTURE BOX

PictureBox Control1. PictureBox Tasks (Options)

The Image is now in theTextBox. You have fourOptions:1. Normal: The full size of the image is displayed and you can use the handles to displayall or part of the picture.2. StretchImage: Allows for sizing the image…Make it bigor make it small. Proportions can be changed.3. AutoSize: The picture boxis sized to the size of the picture.4. Zoom: Allows for sizing thepicture while maintaining isproportions.

VISIBLE PROPERTY

'CODE EXECUTED BY PRESSING BUTTON1

Program not running Program running Button1 was pressed

Purpose: This program illustrates changing Label1 from being invisible to visible by pressing a button. Note the code below. Label1's Visible

Property was set to False in the Properties window.

Quick Look at CheckBoxes, RadioButtons, and IF-THEN-ELSE

The following slides are a brief introduction to Check Boxes, Radio Buttons and IF-THEN-ELSE statements.

These topics will be covered in detail in later chapters.

Quick Look at CheckBoxes, RadioButtons, and IF-THEN-ELSE

IF-THEN-ELSE STATEMENT

Play first two videos for Chapter 4

Quick Look at CheckBoxes, RadioButtons, and IF-THEN-ELSE

Public Class Form1 'CLICK BUTTON FOR DISCOUNT Private Sub btnPress_Click(sender As System.Object, e As

System.EventArgs) Handles btnPress.Click If chkVIPDiscount.Checked = True Then lblDisplayDiscount.Text = "$25.00" End If End SubEnd Class

SIMPLE CHECK BOX EXAMPLE

Quick Look at CheckBoxes, RadioButtons, and IF-THEN-ELSE

REALISTIC CHECK BOX EXAMPLE

Code >>>>

Quick Look at CheckBoxes, RadioButtons, and IF-THEN-ELSE

CHECK BOX EXAMPLE (CODE)Public Class Form1 Const VIPDiscount As Decimal = 25D Const AARPDiscount As Decimal = 15D

'CALCULATE DISCOUNTS Private Sub btnCalcDiscount_Click(sender As System.Object, e As

System.EventArgs) Handles btnCalcDiscount.Click If chkVIPMember.Checked = True And chkAARP.Checked = True Then lblTotalDiscounts.Text = FormatCurrency(VIPDiscount + AARPDiscount) ElseIf chkVIPMember.Checked = True Then lblTotalDiscounts.Text = FormatCurrency(VIPDiscount) ElseIf chkAARP.Checked = True Then lblTotalDiscounts.Text = FormatCurrency(AARPDiscount) End If End Sub

'CLEAR ENTRIES Private Sub btnClearEntries_Click(sender As System.Object, e As

System.EventArgs) Handles btnClearEntries.Click chkAARP.Checked = False chkVIPMember.Checked = False lblTotalDiscounts.Text = "" End SubEnd Class

LAST SLIDE

Public Class Form1 Const decLuxuryRoomPrice As Decimal = 275D Const decStandardRoomPrice As Decimal = 125D

'COMPUTE PRICE Private Sub btnComputePrice_Click(sender As System.Object, e As System.EventArgs) Handles btnComputePrice.Click If radLuxuryRoom.Checked = True Then lblDisplayPrice.Text = FormatCurrency(decLuxuryRoomPrice) ElseIf radStandardRoom.Checked = True Then lblDisplayPrice.Text = FormatCurrency(decStandardRoomPrice) End If End SubEnd Class

Quick Look at CheckBoxes, RadioButtons, and IF-THEN-ELSE

RADIO BUTTON EXAMPLE -- SIMPLE