 2007 Pearson Education, Inc. All rights reserved Introduction to the Visual Basic Express 2005 IDE

 2007 Pearson Education, Inc. All rights reserved. 2 Seeing is believing. — Proverb Form ever follows function. — Louis Henri Sullivan Intelligence …is the faculty of making artificial objects, especially tools to make tools. — Henri-Louis Bergson

 2007 Pearson Education, Inc. All rights reserved. 3 OBJECTIVES In this chapter you will learn:  The basics of the Visual Studio Integrated Development Environment (IDE) that assists you in writing, running and debugging your Visual Basic programs.  Visual Studio’s help features.  Key commands contained in the IDE’s menus and toolbars.  The purpose of the various kinds of windows in the Visual Studio 2005 IDE.  What visual programming is and how it simplifies and speeds program development.  To create, compile and execute a simple Visual Basic program that displays text and an image using the Visual Studio IDE and the technique of visual programming.

 2007 Pearson Education, Inc. All rights reserved Introduction 2.2Overview of the Visual Studio 2005 IDE 2.3Menu Bar and Toolbar 2.4Navigating the Visual Studio IDE 2.4.1Solution Explorer 2.4.2Toolbox 2.4.3Properties Window 2.5Using Help 2.6Using Visual Programming to Create a Simple Program that Displays Text and an Image 2.7Wrap-Up 2.8 Web Resources

 2007 Pearson Education, Inc. All rights reserved Introduction Visual Studio 2005 – Microsoft Integrate Development Environment (IDE) Create, run, and debug programs Visual Programming – Create program by dragging and dropping predefined building blocks into place

 2007 Pearson Education, Inc. All rights reserved Overview of the Visual Studio 2005 IDE Microsoft Visual Basic 2005 Express Edition – Only support Visual Basic programming language Start page (Fig. 2.1) – A list of links to resources in the IDE and on the internet Visual Basic Express Headlines and MSDN (Fig. 2.2) – This section provides links to information about programming in VB Note: MSDN stands for Microsoft Developer Network

 2007 Pearson Education, Inc. All rights reserved. 7 Fig. 2.1 | Start Page in Visual Basic 2005 Express Edition.

 2007 Pearson Education, Inc. All rights reserved. 8 Fig. 2.2 | Displaying a Web page in Visual Studio.

 2007 Pearson Education, Inc. All rights reserved Overview of the Visual Studio 2005 IDE (Cont.) Creating a New Project – New Project Dialog (Fig. 2.3) Dialog to choose type of program to build – Windows Form Designer (Fig. 2.4) Design portion of IDE – Properties Change a component of the program (Fig. 2.5) – Buttons Confirm action, change and etc. (Fig. 2.6)

 2007 Pearson Education, Inc. All rights reserved. 10 Fig. 2.3 | New Project dialog.

 2007 Pearson Education, Inc. All rights reserved. 11 Fig. 2.4 | Design view of the IDE.

 2007 Pearson Education, Inc. All rights reserved. 12 Fig. 2.5 | Text box control for modifying a property in the Visual Studio IDE.

 2007 Pearson Education, Inc. All rights reserved. 13 Fig. 2.6 | Dialog for modifying a control’s font properties in the Visual Studio IDE.

 2007 Pearson Education, Inc. All rights reserved Menu Bar and Toolbar Menu Bar (Fig. 2.7) – The bar of where the commands for managing the IDE and for developing, maintaining and executing programs are located Tool Bar (Fig. 2.9) – The bar of where the more common commands are located Tool Tip (Fig. 2.12) – Description of a icon

 2007 Pearson Education, Inc. All rights reserved. 15 Fig. 2.7 | Visual Studio menu bar.

 2007 Pearson Education, Inc. All rights reserved. 16 Fig. 2.8 | Summary of Visual Studio 2005 IDE menus. (part 1 of 2.)

 2007 Pearson Education, Inc. All rights reserved. 17 Fig. 2.8 | Summary of Visual Studio 2005 IDE menus. (part 2 of 2.)

 2007 Pearson Education, Inc. All rights reserved. 18 Fig. 2.9 | Standard Visual Studio toolbar.

 2007 Pearson Education, Inc. All rights reserved. 19 Fig | Adding the Build toolbar to the IDE.

 2007 Pearson Education, Inc. All rights reserved. 20 Fig | IDE toolbar icon showing additional command.

 2007 Pearson Education, Inc. All rights reserved. 21 Fig | Tool tip demonstration.

 2007 Pearson Education, Inc. All rights reserved. 22 Fig | Toolbar icons for three Visual Studio windows.

 2007 Pearson Education, Inc. All rights reserved Navigating the Visual Studio 2005 IDE Auto-Hide (Fig – 2.16) – Space saving feature Solution Explorer (Fig – 2.20) – Provides access to all of the files in a solution Toolbox (Fig. 2.21) – Contains icons representing controls used to customize form Properties Window (Fig. 2.22) – The window to change information about a form or control

 2007 Pearson Education, Inc. All rights reserved. 24 Fig | Auto-hide feature demonstration.

 2007 Pearson Education, Inc. All rights reserved. 25 Fig | Displaying a hidden window when auto-hide is enabled.

 2007 Pearson Education, Inc. All rights reserved. 26 Fig | Disabling auto-hide (“pinning down” a window).

 2007 Pearson Education, Inc. All rights reserved. 27 Fig | Solution Explorer with an open project.

 2007 Pearson Education, Inc. All rights reserved. 28 Fig | Solution Explorer showing plus boxes and minus boxes for expanding and collapsing the tree to reveal or hide project files.

 2007 Pearson Education, Inc. All rights reserved. 29 Fig | Solution Explorer expanding the My Project file after clicking its plus box.

 2007 Pearson Education, Inc. All rights reserved. 30 Fig | Solution Explorer collapsing all files after clicking any minus boxes.

 2007 Pearson Education, Inc. All rights reserved. 31 Fig | Toolbox window displaying controls for the Common Controls group.

 2007 Pearson Education, Inc. All rights reserved. 32 Fig | Properties window.

 2007 Pearson Education, Inc. All rights reserved Using Help Dynamic Help (Fig. 2.24) – Excellent way to get information quickly about the IDE and its features Context-Sensitive Help (Fig. 2.25) – Immediately displays a relevant help article

 2007 Pearson Education, Inc. All rights reserved. 34 Fig | Help menu commands.

 2007 Pearson Education, Inc. All rights reserved. 35 Fig | Dynamic Help window.

 2007 Pearson Education, Inc. All rights reserved. 36 Fig | Using context-sensitive help.

 2007 Pearson Education, Inc. All rights reserved. 37 Fig | Options dialog displaying Help settings.

 2007 Pearson Education, Inc. All rights reserved Using Visual Programming to Create a Simple Program Displaying Text and an Image Creating a Simple Program – Create the new project (Fig ) – Set the text in in the form’s title bar (Fig. 2.31) – Resize the form (Fig ) – Change the form’s background color (Fig ) – Add a Label control to the Form (Fig. 2.36) – Customize the Label’s appearance (Fig ) – Set the Label’s font size (Fig )

 2007 Pearson Education, Inc. All rights reserved Using Visual Programming to Create a Simple Program Displaying Text and an Image (Cont.) Creating a Simple Program (Cont.) – Align the Label’s text (Fig. 2.41) – Add a PictureBox to the form (Fig. 2.42) – Insert an image (Fig ) – Save the project – Run the project (Fig ) – Terminate execution

 2007 Pearson Education, Inc. All rights reserved. 40 Fig | Simple program executing.

 2007 Pearson Education, Inc. All rights reserved. 41 Fig | New Project dialog.

 2007 Pearson Education, Inc. All rights reserved. 42 Fig | Save Project dialog.

 2007 Pearson Education, Inc. All rights reserved. 43 Fig | Setting the project location in the Project Location dialog.

 2007 Pearson Education, Inc. All rights reserved. 44 Fig | Setting the form’s Text property in the Properties window.

 2007 Pearson Education, Inc. All rights reserved. 45 Fig | Form with enabled sizing handles.

 2007 Pearson Education, Inc. All rights reserved. 46 Fig | Resized form.

 2007 Pearson Education, Inc. All rights reserved. 47 Fig | Changing the form’s BackColor property.

 2007 Pearson Education, Inc. All rights reserved. 48 Fig | Form with new BackColor property applied.

 2007 Pearson Education, Inc. All rights reserved. 49 Fig | Adding a Label to the form.

 2007 Pearson Education, Inc. All rights reserved. 50 Fig | Changing the Label’s AutoSize property to False.

 2007 Pearson Education, Inc. All rights reserved. 51 Fig | GUI after the form and Label have been customized.

 2007 Pearson Education, Inc. All rights reserved. 52 Fig | Properties window displaying the Label’s properties.

 2007 Pearson Education, Inc. All rights reserved. 53 Fig | Font dialog for selecting fonts, styles and sizes.

 2007 Pearson Education, Inc. All rights reserved. 54 Fig | Centering the Label’s text.

 2007 Pearson Education, Inc. All rights reserved. 55 Fig | Inserting and aligning a PictureBox.

 2007 Pearson Education, Inc. All rights reserved. 56 Fig | Image property of the PictureBox.

 2007 Pearson Education, Inc. All rights reserved. 57 Fig | Select Resource dialog to select an image for the PictureBox.

 2007 Pearson Education, Inc. All rights reserved. 58 Fig | Select Resource dialog displaying a preview of selected image.

 2007 Pearson Education, Inc. All rights reserved. 59 Fig | Scaling an image to the size of the PictureBox.

 2007 Pearson Education, Inc. All rights reserved. 60 Fig | PictureBox displaying an image.

 2007 Pearson Education, Inc. All rights reserved. 61 Fig | Building a solution.

 2007 Pearson Education, Inc. All rights reserved. 62 Fig | IDE in run mode, with the running program in the foreground.