read ep being 1. re ata" tions, mind ete be 1 T Working with the Visual Studio IDE In the next steps, you use the IDE to create a Form with a Button and a Label. Your first console application in Chapter 1's "You Do It" section displayed “Hello, world!" at the command prompt. This application displays "Hello, Visual World!" on a Form. File G 1. Open Microsoft Visual Studio. You might have a desktop shortcut you can double-click, or in Windows 10 you can type the first few letters of Visual Studio in the "Ask me anything" search box, and then select it from the list of choices. Your steps might differ slightly from the ones listed here if you are using a different version of Visual Studio or a different operating system. If you are using a school network, you might be able to select Visual Studio from the school's computing menu. 2. Within Visual Studio, select File from the main menu, then New and Project. Then, in the New Project window, select Visual C# and Windows Forms App. (Refer to Figure 3-1.) Instead of using the default project name, use HelloVisualWorld, and select a location to store the project. Then click OK. 3. The HelloVisualWorld development environment opens, as shown in Figure 3-16. The text in the title bar of the blank Form contains the default text You Do It HelloVisualWorld - Microsoft Visual Studio Debug Edit View Project d 8-24271 f N ✔ Toolbox Search Toolbox P ▷ All Windows Fo... 4 Common Contr... A Label A Linklabel (.). Pointer Button CheckBox CheckedLi... ComboBox DateTime... ListBox ListView Masked Te MonthCal... Notifylcon Numericu PictureBox ProgressB x Form1.cs [Design] = X Outout Team Form1 Deciding Which Interface to Use Format Tools Any CPU X Quick Launch (Ctrl+0) Analyze Test ▷ Start- Solution Explorer Window Help === Search Solution Explorer ( 4 HelloVisualWorld ▷ ▷ 56-500 Solution HelloVisualWorld' (1 project) Joyce Farrell Service Capabilities Properties References Aoo.confio Solution Explorer Tearn Explorer Text Properties Form1 System.Windows.Forms.Form D X ForeColor FormorderStyle Right Tolex RightToLeftLayut False Sizable No Form1 ControlText Text The text associated with the control. ↑ Publish P Server Expl Toolbox Error List Output Creating project HelloVisualWord project creation succes... Figure 3-16 The HelloVisualWorld project development environment Project name Text property for Form1 (continues) 121 Intel CORE 15 THURSD... 100:00 7600 SIEER 07:00-0800 122 CHAPTER 3 logitech Using GUI Objects and the Visual Studio IDE Pand (continued) Form1. If you click the Form, its Properties window appears in the lower-right portion of the screen, and you can see that the Text property for the Form is set to Form1. Take a moment to scroll through the list in the Properties window, examining the values of other properties of the Form. For example, the value of the Size property is 300, 300 by default. If you do not see the Properties window in the lower-right corner of your screen, click the title bar on the Form. Alternatively, press F4 or click View in the menu bar and then click Properties Window. If you do not see the Toolbox shown in Figure 3-16, click the Toolbox tab at the left side of the screen, and then click the pushpin near the top to pin the Toolbox to the screen. Alternatively, click View from the menu bar and then click Toolbox. If you do not see the error list at the bottom of the screen, as in Figure 3-16, you can select View from the menu bar and then select Error List. You might have to drag up the divider that separates the error list from the window above it. 4. In the Properties window, change the Name of the Form to HelloForm. (The Name property is under Design if you choose to have the list categorized; if you choose to display it alphabetically, then Name is near the top.) Then change the Text of the Form to Hello Visual World. Press Enter; the title of the Form in the center of the screen changes to Hello Visual World. 5. Examine the Toolbox on the left side of the screen. Select Common Controls if it is not already selected. In the Toolbox, click and hold Button. As you move your mouse off the Toolbox and onto the Form, the mouse pointer changes so that it appears to carry a Button. Position your mouse anywhere on the form, then release the mouse button. The Button appears on the Form and contains the text button1. When you click the Button, handles appear that you can drag to resize it. When you click off the Button on the Form, the handles disappear. Click the Button to display the properties for button1. Change its Name to displayOutputButton, and change its Text property to Click here. When you press Enter on the keyboard or click anywhere on the Form, the text of the Button on the Form changes to Click here. You can adjust the size of the Button so you see its full text by dragging its handles. 6. Scroll through the other displayOutputButton properties. For example, examine the Location property. The first value listed for Location indicates horizontal position, and the second value indicates vertical position. Drag the Button across the Form to a new position. Each time you release your mouse button, the value of the Form Button's Location property is updated to reflect the new location. Try to drag the Button to Location 80, 50. Alternatively, delete the contents of the Location property field and type 80, 50. The Button moves to the requested location on the Form. See Figure 3-17. (continues) Build File Deoug Helovina World Microsoft Visual Studio Project View c.o 3.2. Form1.cs (Design Search Toolbar All Windows Fo Common Contr Fendy P. Button CheckBox E Checked Combobox DateTime A Label A LinkLabel ListBox Forlat Team Any CPU Debug 4 Hello Visuel Wor ListView GL MaskedTe- MonthCal Nooifyicon Numericu Picture Box ProgressB Server Expt Toolbox Entor List Output Output - Tools Click here Figure 3-17 Changes to the HelloVisu 7. Save your form by clicking Alternatively, you can click t overlapping disks. 8. Although your Form doesn't anyway. Click Debug on the Debugging. The Form appe you can click its Button. Th anything, but it appears to Close button to dismiss the 9. You can close a project at a Studio now by clicking the screen, or by clicking File made more changes since save again. When you choo Providing Functionality for a Butto In the next steps, you make the B it will display a message when the 1. Start Visual Studio. Select Fi and browse for the HelloVis 2) File Data Sources HelloVisialWord Microsoft Visual Studio View Ready Edit Project Build Debug Team Format 2. Debug • Any CPU Tooibex Search Toolbox P >All Windows Fo.. 4 Common Contr GEETHA UX Form1.cs (Design] X Pointer Button CheckBox E Checked ComboBox DateTime.... (JJ₂ C A A Label LinkLabel ListBox ListView MaskedTe MonthCal... Notify con CE Numericu 2 Picture Box ProgressB Server Expl Toolbox Output Hello Visual WorAREG 000 Euror List Output Tools Click here Deciding Which Interface to Use Quick Launch (Ost-Q) Analyze Window Help Test - Start=1 Solution Explorez Search Solution Explorer (Ctrl+ D D Joyce Farrell T Solution HelloVisualWorld' (1 project) HelloVisualWorld Service Capabilities Properties References Aoo.confia Solution Explorer Team Explorer Tabiex TabStop Tag Text Figure 3-17 Changes to the HelloVisualWorld project 104, 28 0 True Ç Properties displayOutput Button Stem Windows.Forms. + + + Click here Text The text associated with the control X P. ax Publish (continued) Text property for Form is Hello Visual World Location property for displayOutputButton is 80, 50. Name property for the Button is displayOutputButton Text property for displayOutputButton is Click here 7. Save your form by clicking File on the menu bar, then clicking Save All. Alternatively, you can click the Save All button on the toolbar; its icon is two overlapping disks. 8. Although your Form doesn't do much yet, you can execute the program anyway. Click Debug on the menu bar, and then click Start Without Debugging. The Form appears. You can drag, minimize, and restore it, and you can click its Button. The Button has not yet been programmed to do anything, but it appears to be pressed when you click it. Click the Form's Close button to dismiss the Form. 9. You can close a project at any time and come back to it later. Exit Visual Studio now by clicking the Close button in the upper-right corner of the screen, or by clicking File on the menu bar and then clicking Exit. If you have made more changes since the last time you saved, you will be prompted to save again. When you choose Yes, the program closes. Providing Functionality for a Button In the next steps, you make the Button on the HelloVisual World Form functional; it will display a message when the user clicks it. 123 1. Start Visual Studio. Select File from the menu, click Open, click Project/Solution, and browse for the HelloVisualWorld folder. Double-click it, and select the (continues) inte C 124 THURSDAY CHAPTER 3 Using GUI Objects and the Visual Studio IDE (continued) from the menu, click Recent Projects and Solutions, and select the project from Hello VisualWorld Microsoft Visual Studio Solution. Alternatively, select File the pop-up list. 2. When the Form appears, drag a Label from the Toolbox to the Form. Change its Name to helloLabel and its Text property to Hello, Visual World!. Change the Label's Location property to 80, 140. 3. Scroll through the Properties list for helloLabel, and change its visible property from True to False by clicking to the right of True, clicking the down arrow, and selecting False. You can still see helloLabel in the Designer, but the Label will be invisible when you execute the program. 4. Double-click the Button on the Form. A new window that contains program code is displayed, revealing a newly created displayOutputButton_Click() method with no statements. Between the curly braces, type the following statement that causes the Label to appear when the user clicks the Button on the Form: helloLabel. Visible = true; 5. Change the name of the displayOutputButton_Click() method to use conventional Pascal casing by right-clicking the method name, selecting Rename, and changing the highlighted name to start with an uppercase D. Click Apply. 6. Save the file, then run the program by clicking Debug on the menu bar and clicking Start Without Debugging, or by pressing Ctrl+F5. When the Form appears, click the Click here button to reveal the greeting. If you want, experiment with values for some of the Label properties, such as Font, BackColor, and ForeColor. Adding a Second Button to a Form In the next steps, you add a second Button to the Form in the HelloVisualWorld project. 1. In the IDE, switch to Design View. Drag a second button onto the Form. Make its Location property 80, 195. Change the new Button's Name property to changeOutputButton and change its Text to Click me last. Drag the button's handles to adjust the size so all the text is visible. 2. Double-click the changeOutputButton to expose the changeOutputButton__ Click() method. Rename the method to use Pascal casing. 3. Between the curly braces of the method, add the following code: helloLabel.Text = "Goodbye"; (continues) 4. Save the pro to reveal He Goodbye. 5. Execute the message ap visible. Wher visible, but it method has 6. Return to the change its E user will not 7. Double-click Click() met the displayC changeOutpu 8. Save the proj the changeOu enabled. Clich Visual World! changeOutpu 9. Dismiss the F Chapter Summa • Forms are GUI objects information. They alm that users can manipul multiple properties you The Toolbox displays a such as Button, Check dragged when a user clicks the E a Button onto curly braces of the Clic Chapter Summary (continued) 4. Save the project, then execute the program. Click the displayOutputButton to reveal Hello, Visual World!. Then click the changeOutputButton to reveal Goodbye. 5. Execute the program again. This time, click the second Button first. No message appears because the Label with the message has not been made visible. When you click the displayOutputButton, the Label becomes visible, but it displays Goodbye because the changeOutputButton's Click() method has already changed the Label's Text. 6. Return to the Form1.cs [Design] tab. Click the changeOutputButton, and change its Enabled property to False. Now, when the program executes, the user will not be immediately able to click the second Button. 7. Double-click the displayOutput Button. Add the following statement to the Click() method so that the changeOutputButton becomes enabled when the displayOutputButton is clicked: changeOutputButton.Enabled = true; 8. Save the project, then execute the program. When the Form appears, the changeOutputButton is dimmed and not clickable because it is not enabled. Click the enabled displayOutputButton to reveal the Hello, Visual World! message and to enable the second Button. Then click the changeOutputButton to expose the Goodbye message. 9. Dismiss the Form, and close Visual Studio. Chapter Summary •Forms are GUI obiects that provide an interface for collecting, displaying, and delivering 1. tout hoves and buttons 125

Solved: read ep being 1. re ata" tions, mind ete be 1 T Working with the Visu

Home
questions and answers
read ep being 1 re ata tions mind ete be 1 t working with the visual s

Question

read ep being 1. re ata" tions, mind ete be 1 T Working with the Visual Studio IDE In the next steps, you use the IDE to create a Form with a Button and a Label. Your first console application in Chapter 1's "You Do It" section displayed “Hello, world!" at the command prompt. This application displays "Hello, Visual W