[Solved] SOLVED: Calculator GUI

(Calculator GUI) Create the GUI for the calculator as shown in Fig. 2.42.

Fig. 2.42. Calculator GUI.

a) Manipulating the Forms properties. Change the Text property of the Formto Calculator. Change the Font property to 9pt Segoe UI. Change the Sizeproperty of the Form to 258, 210.

b) Adding a TextBox to the Form. Set the TextBoxs Text property in theProperties window to 0. Stretch the TextBox and position it as shown in Fig. 2.42. Set the TextAlign property to Rightthis right aligns text displayed in theTextBox.

c) Adding the first Panel to the Form. Panel controls are used to group other controls. Add a Panel to the Form. Change the Panels BorderStyle property toFixed3D to make the inside of the Panel appear recessed. Change the Sizeproperty to 90, 120. This Panel will contain the calculators numeric keys.

d) Adding the second Panel to the Form. Change the Panels BorderStyleproperty to Fixed3D. Change the Size property to 62, 120. This Panel will contain the calculators operator keys.

e) Adding the third (and last) Panel to the Form. Change the PanelsBorderStyle property to Fixed3D. Change the Size property to 54, 62. ThisPanel contains the calculators C (clear) and C/A (clear all) keys.

f) Adding Buttons to the Form. There are 20 Buttons on the calculator. Add aButton to the Panel by dragging and dropping it on the Panel. Change the Textproperty of each Button to the calculator key it represents. The value you enter in the Text property will appear on the face of the Button. Finally, resize theButtons, using their Size properties. Each Button labeled 09, *, /, -, = and .should have a size of 23, 23. The 00 Button has size 52, 23. The OFF Buttonhas size 54, 23. The + Button is sized 23, 81. The C (clear) and C/A (clear all)Buttons are sized 44, 23.