Page 13 - Open Soource Technologies 304.indd
P. 13

Unit 1: The Integrated Development Environment



                 The Form Layout Window shows where (upon program execution) your form will be displayed
                 relative  to  your  monitor’s  screen:


















                                               Figure  1.7:  Form  Layout.
                 The Project Window  displays a list of all forms and  modules  making up  your  application. You
                 can also obtain a view of the Form or Code windows (window containing the actual Basic coding)
                 from  the  Project  window.



















                                              Figure  1.8:  Project  Explore.
                 As  mentioned,  the  user  interface  is  ‘drawn’  in  the  form  window.  There  are  two  ways  to  place
                 controls  on  a  form:
                   1. Double-click the tool  in the toolbox and  it is  created  with  a default  size on  the  form.  You
                      can  then  move  it  or  resize  it.
                   2. Click the tool in the toolbox, then move the mouse pointer to the form window. The cursor
                      changes to a crosshair. Place the crosshair  at  the upper  left corner of  where  you want  the
                      control  to  be,  press  the  left  mouse  button  and  hold  it  down  while  dragging  the  cursor
                      toward  the  lower  right  corner.  When  you  release  the  mouse  button,  the  control  is  drawn.
                 To move a control you have drawn, click the object in the form window and drag it to the new
                 location.  Release  the  mouse  button.
                 To resize a control, click the object so that it is select and sizing handles appear. Use these handles
                 to  resize  the  object.






                                        LOVELY PROFESSIONAL UNIVERSITY                          7
   8   9   10   11   12   13   14   15   16   17   18