Introduction to Computing Dr. Nadeem A Khan

Lecture 5

Components of IDE The visual basic is made up of a number of components Menu bar Tool bar Project explorer Properties window Form layout window Toolbox Form design etc.

IDE Menu Bar Tool Bar Form Toolbox Form Designer Properties Window Form Layout Window Project Explorer

Assignment 2 Part I- Design a VB application which closely resembles the provided sample application (both in functionality and in appearance)

Assignment 2 (Contd.) Part II- Write Pseudocode and draw Hierarchy chart for the following problem: A list has various items to be bought along with their quantities and rates. Items have to be bought in the same order and in complete quantities as they are listed. Available money for buying these items is Rs. 1000. Problem is to determine and display how many items can be bought and the remaining balance.

Toolbox Picture Box Label Control Text Box Frame Control Command Button Check Box Option Button Combo Box List Box Horizontal Scroll Bar Vertical Scroll Bar Drive List Timer Control File List Box Directory List Box Line Object Shape Object Image Object Data Control OLE Control Toolbox

Introducing Controls Label: To display information Textbox: To get information Command Button: To initiate action (by clicking) Picture Box: To display text or graphics

Notice: Friday’s Class in the BSc. LAB-1

The Label Information (text) is displayed only A few properties Name Caption Width Height Font BackColor ForeColor Tryout the Label Walkthrough

The Textbox Information can be typed in at run time A few properties Name Height Width Text Font BackColor ForeColor Multiline Tryout the Text Box Walkthrough

The Command Buttons For initiating an action by clicking A few properties Name Caption: Ampersand (&) can also be used Width Height Font BackColor Tryout the Command Button Walkthrough

The Picture Box To display text or graphics A few properties Name Picture Width Height Autosize BackColor Tryout the Picture Box Walkthrough

The Form Object Max/Restore Caption Title Bar Close Button Min Button Control menu Border

The Form object Window for designing the user interface A few properties: Name Caption Width Height BackColor BorderStyle Left Top StartUpPosition MaxButton MinButton Picture

Setting Properties Setting free text properties Select the property Type the new value Press ENTER or select a different property.

Setting Enumerated Properties The ENABLED properties can only be TRUE or FALSE. There are properties that have more than 2 possible values. These are represented by ENUMERATED properties.

Example For example to select the Start up position of a Form can be selected by RIGHT CLICKING on the arrow facing downward and toggling through all the possible values.

Setting Properties with Property Pages Some properties are more complex than others. Some properties require the use of property pages to select a value from them. An ellipse appears on the right of the property if it has a property page. One such example is the FONT property.

Font Property Page

Today’s Lecture was based on David Schneider: Chapter 3: Section 3.1 Steve Brown: Chapter 2: p39 - p51 Scott Warner: Chapter 1: Section 1.4