JScript .NET, Part XI: Creating Windows Forms: Structuring a Windows Form - Doc JavaScript | WebReference

JScript .NET, Part XI: Creating Windows Forms: Structuring a Windows Form - Doc JavaScript


JScript .NET, Part XI: Creating Windows Forms

Structuring a Windows Form

Our first Windows form application includes a panel, a textbox, a label, and a button. We'll use the panel to contain the other three controls (the textbox, the label, and the button), and to anchor them. When you anchor Control A to Control B, Control A will follow the movement of Control B and will keep its fixed distance from it. When you anchor a button to the left edge of its containing panel, for example, the button will follow the movement of the panel's left edge when you resize the panel. If you move the panel's left edge by 10 pixels to the left, for example, the button will also move 10 pixels to the left. The button will move to the right when you resize the panel inward (by moving its left edge to the right).

The code is built from four major sections. The import section, the package statement, the class section, and the Application.Run section. The import section includes references to namespaces which contribute classes to our code. By specifying these namespaces up front, we avoid repeating the namespace names when we call their classes (there are no class name collisions). Here are the four namespaces we import:

import System;
import System.Windows.Forms;
import System.ComponentModel;
import System.Drawing;

The package statement declares the package name (ResizeMe):

package ResizeMe {

The class section defines the panel, the textbox, the button, the label, and their properties. These controls are defined first, followed by a constructor function of the class, PanelForm(), which must have the same name as the class name:

class PanelForm extends System.Windows.Forms.Form {   
        private var label1: Label;
        private var textBox1: TextBox;
        private var button1: Button;
        private var panel1: Panel;
        function PanelForm() {                         
          .
		  .
		  .
		  .
		  .
        } 

The Application.Run section creates the new class and runs it:

Application.Run(new ResizeMe.PanelForm())

Here is the structure of the code, comprised of these four sections:

import System;
import System.Windows.Forms;
import System.ComponentModel;
import System.Drawing;
package ResizeMe
    class PanelForm extends System.Windows.Forms.Form {   
        private var label1: Label;
        private var textBox1: TextBox;
        private var button1: Button;
        private var panel1: Panel;
        function PanelForm() {                         
          .
		  .
		  .
		  .
		  .
        }
    }
}
Application.Run(new ResizeMe.PanelForm());

To run the examples in this column, you first need to compile them like this:

jsc anchoring.js

And then run the generated executable:

anchoring.exe

Or just:

anchoring

Next: How to anchor controls


Produced by Yehuda Shiran and Tomer Shiran
All Rights Reserved. Legal Notices.
Created: August 26, 2002
Revised: August 26, 2002

URL: http://www.webreference.com/js/column117/2.html