In the smart tag panel, change the View setting to Details. Select the ListView control's smart tag glyph. Select the ListView control and drag it into the right panel of the SplitContainer control. In Toolbox, select the Common Controls node to open it. In the Properties window, change the value of the BorderStyle property to Fixed3D. The panel on the left will hold the calculator buttons and display, and the panel on the right will show a record of the arithmetic operations performed by the user. The SplitContainer divides the DemoCalculator control into two panels with a movable border separating them. Select the vertical border between the panels and drag it to the right, so that most of the space is taken by the left panel. For more information, see Walkthrough: Perform common tasks using Smart Tags on Windows Forms controls. Several controls offer smart tags to facilitate design. The SplitContainer is placed on the DemoCalculator control's designer surface. Select the SplitContainer control and drag it onto the designer surface. In Toolbox, select the Containers node to open it. Set the size of the control to width 500 and height 400 by watching the size information as you resize the control. In the lower-right corner of Visual Studio, find the size and location information for controls. In the Windows Forms Designer, change the DemoCalculator control to a larger size by selecting the sizing handle in the lower-right corner and dragging it down and to the right. In this procedure, you'll arrange the controls using the Windows Forms Designer. The DemoCalculator control contains several Windows Forms controls. For more information about custom controls, see Varieties of custom controls. In this view, you can graphically design the appearance of the control by selecting controls and components from Toolbox and placing them on the designer surface. The Windows Forms Designer shows the designer surface for the DemoCalculator control. TAP FORMS TUTORIAL CODESelect Yes when you are asked if you want to rename all references to the code element "UserControl1". To rename the file, in Solution Explorer, right-click UserControl1.vb or UserControl1.cs, select Rename, and change the file name to DemoCalculator.vb or DemoCalculator.cs. The following image shows the general layout of the calculator control: This control implements the user interface (UI) for a simple calculator. When you're finished, you'll have a custom control that's been assembled using many of the layout features available in the Windows Forms Designer. Set property values using the Properties window.Position controls with the size and location information display.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |