Home

Anatomy of a Window

 

Introduction

Each one of most of the objects you will use when interacting with the computer is called a window. A window is a spatial object whose presence have to be known to the operating system at all times, unless the window is not visible or it doesn't exist. As a visible object, a window is defined by its location on the screen and its dimensions with regards to the monitor screen as a whole.

Practical LearningPractical Learning: Introducing Window Frames

  1. To open an application, on the Taskbar, click Start -> Control Panel
    (if you are using Windows 95 or 98, click Start -> Settings -> Control Panel)
  2. To open another application, on the Taskbar, click Start -> (All) Programs -> Accessories -> Calculator

The Title Bar

A classic window, such as Control Panel, has a long bar on its very top section. This is called the Title Bar. It is made of three sections.

On the left side of the title bar, there is an icon that identifies the application you are using. This icon is called the system icon. Every application that looks like Control Panel is equipped with this type of icon but the icons are different from one application to another. This is because the person who creates the application also designs the icon that goes with it. The system icon has its own menu called the system menu. To access this menu, you can simply click the system icon.

On the right side of the icon, the name of the window or application you are using displays. This text on the title bar is called a caption. It can be anything that the application programmer wanted it to be. On the right side of the caption, there is a long, empty, section. This section is actually the one referred to as the title bar.

Like the system icon, the title bar has its own menu.

Practical Learning Practical Learning: Using the Title Bar

  1. To use the system menu of the application's icon, on the top left corner of the Calculator window, click the icon and notice that a menu displays:
     
    The System Icon Displaying its System Menu
  2. On the displayed menu, click Close
  3. To use the other system menu, right-click the title bar of the Control Panel window
     
    The menu that appears when you right-click the title bar of a frame-window
  4. On the displayed menu, click Maximize
  5. To restore the window, right-click its title bar and click Restore

The System Buttons

On the right side of the title bar, three buttons allow you to manipulate the application as a window object. On all the windows we have used so far, the system buttons are located on the extreme right side of the title bar. Depending on how the application was configured, the computer can display one or three of these buttons at a time. These buttons are:

Button Name Description
System Close Button: Non Windows XP System Close Button: Windows XP Close This button allows you to dismiss a window that is currently opened. To use it, simply click it. This makes its window disappear. Depending on how the application works, you may be asked a question before the window is actually closed. If you have closed a window with this button and you want the window back, you have to reopen it.
Minimize This button allows you to reduce the presence of a window to the Taskbar. The window doesn't get closed but it disappears from the screen. If you want to bring the window back, from the Taskbar, click its name. After clicking this button, the window is said to be minimized.
Maximize If a window equipped with this button is occupying only an area of the screen, you can click this button to fill the whole screen with only this window. If there are other windows on the screen, they don't get closed but they disappear, making their presence be known only by their name or button on the Taskbar. After clicking this button, the window is said to be maximized.
After a window has been maximized, this button is replaced by another button: the Restore button.
Restore This button is used to restore a window if the window has been maximized. If you click this button, the window gets the size it had prior to being maximized.
 

Practical Learning: Using the System Buttons

  1. To see the system buttons, on the right section of the title bar, position the mouse on the left button:
     
    Accessing one the System buttons
  2. Click the Minimize button . Notice that the window has disappeared.
  3. To open another window, on the desktop, double-click Recycle Bin. Notice that its window comes on the screen.
  4. On the Taskbar, click Control Panel. Notice that it comes on top of the previous window
  5. To maximize the Control Bar window, click its Maximize button
  6. To bring back the other window, on the Taskbar, click its name: Recycle Bin
  7. On the top right section of the screen, notice the different middle icon each window has and
     
    One window on top of another. One window is maximized
  8. To close the Recycle Bin window, click its System Close button
  9. To restore the Control Panel Window, right-click its name on the Taskbar and click Restore

A Window's Size

One of the most visible characteristics that identifies a window is its size. This allows the operating system to manage the available space on the screen and to know how much space each application is using. Some windows have a fixed size while the size of others can change. This aspect is controlled by both the operating system and the programmer who created the window. If the window's size can be changed by you, the window is said to be resizable. Once again, keep in mind that it is the programmer, in accordance with the operating system, who decided whether a window can be resized (this means that the person who created a window had the ability to make sure that the window would never be resized). A programmer can also decide how much a window can be resized by setting the minimum and maximum dimensions. For example, you cannot enlarge the FreeCell application beyond the maximum width of 8 cards:

The maximum width of a window

The size of a window is characterized by two values: its width and its height:

The dimensions of a window

We mention these aspects of the dimensions only for references. Unless you are a programmer, you will never be concerned with the values of the width and/or the height of a window.

Most windows that display the Minimize and the Maximize buttons can be resized, but this is only an indication. To resize a window, first decide whether you want to enlarge, narrow, heighten, or shorten it. Then, position the mouse on either the upper or the lower borders until a vertical short line with double arrows appears, then click and drag in the direction of your choice. To widen or shrink a window, position the mouse on either the left or the right borders until a horizontal narrow line with double arrows appears, then click and drag in the direction of your choice. The last two techniques allow you to resize a window on one dimension, either vertically or horizontally. Fortunately, you can resize a window on two dimensions at the same time. Position your mouse on one of the corners and drag the short diagonal line in the direction of your choice.

Notice that you can resize a resizable window using any of its four borders or any of its four corners.

Practical Learning: Resizing a Window

  1. With the Control Panel window still displaying, make sure it is not maximized
  2. Position the mouse on the top border until you see a short vertical line with arrows:
     
  3. Click and drag up an inch (no need for precision)
  4. Position the mouse on the right border of the Control Panel window until a horizontal line with arrows appears:
     
  5. Click and drag right an inch (no need for precision)
  6. Position the mouse on the lower right corner until a short diagonal line with double arrows appears:
     
  7. Click and drag up and left (no need for precision)

A Window's Position or Location

Whenever you launch an application or open a window, it uses a portion of the screen or the whole area. When a window is maximized, it uses the whole display. On the other hand, a window that is occupying only a portion of the screen can be moved away from its current location. This allows seeing other programs that are "running" on the computer. The ability to move a window is partly controlled by the person who created the window. Therefore, in some applications, you will not be able to move the window.

When a window is not maximized, it is positioned at some coordinates with regards to the monitor. Based on this, such a window can be located by its top and its left values. Here is an example:

Unless you are a programmer, you will never be concerned with the Top and Left values of the location of a window.

If at one time you don't like the area where a window is located, you can move it. To move a window using the mouse, you can drag its title bar to the new location. To move a window using the keyboard, first right-click its title bar and click Move (or click its System icon and click Move). The mouse pointer changes into a four arrowed cross. Then press the right, the up, the down, or the left arrow keys. When the window gets to the desired location, press Esc.

Practical Learning: Moving a Window

  1. To move the Control Panel window, click and hold the mouse on the middle section of its title bar
     
  2. Drag to the right section until the right border of the window disappears behind the right border of the monitor
  3. Then release the mouse
  4. Notice that the whole window has moved
  5. Click the System icon of the window and click Move
  6. To move the window left, press the left arrow key three times
  7. While the Move key tool is still active, move the mouse up but don't click
  8. To dismiss the key tool, click
  9. To close the window, double-click its System icon

The Z-Order of Windows

We saw how you can move a window. In some cases, you end up with one window positioned on top of another. Of course the first remedy that comes in mind is to move one of the windows away from the other. This also implies that sometimes you would have to enlarge and/or heighten the window. There are situations that either you don't want to resize the window or you can't: your only solution is to have one window on top of another.

When one window is positioned on top of another, they use a third axis whose origin, like that or the other axes, is on the top-left corner of the monitor. This third axis, also considered the z-axis, is oriented so that it moves from the monitor towards you. The operating system is in charge of positioning and drawing the objects on the screen.

Here is an example where WordPad is positioned on top of FreeCell, which is on top of Netscape:

 
 
 

Previous Copyright 2000-2005 FunctionX, Inc. Next