Tutorial

 

The five screens Control Editor, Control Editor can define the controls. There is little text to grasp, most options are to be selected from selectors, Menu Editor in which you can set your menus, Visu which displays the window, Form Code Editor where code will be generate and Build Project for selected all forms in a single project generated code.

Control Editor has a Edit menu can choose:

Code Window Opens Code Editor with the generated code.
Code VGA
Code in VGA format
Menu
Menu Editor opens
Project
open a window where load several forms For code generation
Clear Form
erases data in the form
Init
program erases all data.
Load
load your files form with the menu.
Save
safeguard the job.

Visu opens the window as your Form will be on the screen

About, I let you try ..

 

Controls

Form
TabControl  
Panel
Label
Button
TextBox
ListBox
ListView
ComboBox
NumericUpDown CheckBox
RadioButton
PictureBox
HSrollBar
VSrollBar
ProgressBar
TrackBar
MonthCalendar TreeView
Splitter

Evens 

Click
DoubleClick
GotFocus
LostFocus
TextChanged
Validated
SelectedValueChanged SelectedIndexChanged
KeyUp
KeyPress
KeyDown

Control Editor is limited to 30 controls per Form and it is possible to build a Form. Each Form can be saved, then all forms are recharged in a comprehensive project for the generation of the code.

 

- Description

Controls appear in the selector over New : The selector controls.

Above the Form builder is the selector Evens
On her left is the type of control , which is selected in The
Form Builder.

All controls are added in the Form Builder. You can Create (New), Add, Edit, Modify or Trash your controls.

Fixed Panel can set a control to a Panel.

 

The selector tabs lets you select the tab a TabControl.

 

First, load the file Visu.txt (Edit-> load).

By clicking on Visu will produce the window of your Form.

In this case you have the controls accepted by Control Editor.

The content seized in the field Text appears in the controls.

You can see menus, colors and Fonts

Panels are drawn in grey and blue PictureBox Clear.

Edit controls by selecting controls In the Form Builder, and then clicking Edit.

 

- Enter a Form

Choose Form in the selector Controls and click New .
Name form1 a generic name gives the Name of the Form. You Can change it.
In Text place the name that will appear in the title bar here Test, and then click Add .
The name of the Form (here form1) appears in the Form Builder.
Select a button, and enter values as the copy on display Right. Validate with Add .
Click on Visu and look!

With the selector events, you can be assigned to a control Event.
Just select it, it will appear. The event is recorded with Add

If you want to add a TabControl, you must declare any after the Form. After entering the names of tabs, then you see them in the selector tabs.
Simply select the name for the controls Will be attached. (See below)

If you want to attach to a panel testing, report a Panel, then click Fixed Panel.Il appears in yellow with the name of the Panel. When it is checked, the testing you represent are committed to the Panel. To establish a control already stated, edit control, then place the Form Builder Panel and click Fixed Panel.
Then replace the Form builder on your control and click On Modify.


Some screens showing how to enter and complete the TabControl, ListView, ListBox and ComboBox.
Just enter in the Text field Items separated By a comma.
For TabControl, you must add just after the form1.
You can put spaces before and after the legend Tabs and enter compound names.
Once added to the Form Builder, the names of the tabs there Found in the selector tabs in blue, Right from the ScrollBars.

To attach a check to a TabControl, simply Select the name of the tab before adding control.

Hand if you have a panel attached to a TabControl and you want to put a check on the Panel, we should not Select the tab TabControl, only the name of the Panel Panel Fixed now. That is why the chooser mitre is selected when you check Fixed Panel to assign a panel.

- Edition (Edit)

By selecting in the constructor Form controls, you can edit it by clicking Edit or delete clicking Trash.

Two checks are to be noted.

Fixed Panel said the name of the Panel on which control is determined, highlighted in yellow.

A drop-down box selector Tab be colored Blue and gives the name of the tab TabControl on it Control.

Here we have a button (button1) on a panel (panel1), which is on TabControl one (1).

The control panel allows you to link testing which could allow of the alignment easier. It moves the Panel, not the controls.

Here the ComboBox is set at the location X,Y 10.10 of the Panel.

To establish a control panel to be done as :
Declaring an Panel
Click on Fixed Panel which will take the name of the Panel and will remain checked Mode adding controls and add controls associates.
Then uncheck Fixed Panel.

In Edit mode Fixed Panel mention the name of the Panel.

If you want to attach a control already arrested a Panel must proceed as follows:
Edit control, and then with the Form builder, select The Panel. Click Fixed Panel,
and then put the Form builder on the control to modify and finally click Modify.


Once you have completed Form, save it with (Edit menu) Save
Then go on (Edit menu) Code which opens the window Code Editor

The code is generated and can be directly interpreted by C # IDE Mobile.

You have two menu entry, Select to select all the text and Save is Saving format *. css file.

After Select it is necessary to make a Copy (Ctrl C on the keyboard) and close windows to return to C # IDE mobile. Then paste the code (Ctrl V keyboard) in C # IDE mobile and make a run.
You will see your form on the screen.

Then go back to the code to insert routines in your program.

- Project

Open Project by selecting the Edit menu-> Project.
With Select open the file selector and choose the forms that you have created. Then add a check to VGA if you want your file as VGA (only QVGA Control Editor) and press Build
The code of the entire project is generated in Code Editor.

- Anchors and Docks

Anchors and Docks are selectable in the bottom of the screen. Simply click on the gray to validate an option. For Anchors the one click at the center validates all sides, clicking the Docks at the center corresponds to Fill. Clicking on a Dock option deselects another. If the Dock is selected it is not necessary to enter the coordinates X, Y. It may be necessary to enter the width and height of Control.

The Splitter control is linked to the Dock. In the picture at Right there are two, one in yellow and one red. They allow amends the height and width controls adjacent.
Recall that Docks plate controls on the banks of Screen and Anchors set controls compared to the edges of the screen.

Example: Dock choose a panel at the bottom, then a Splitter dock at the bottom, then a PictureBox dock bottom. Each new control will replace from the bottom of the screen. Entering for the heights Panel and the PictureBox to balance the display and play with the Splitter.

2 - Add a menu

Open Menu Editor (Edit menu) Menu
With First Items you have entries in the menu bar.
The comma serves as a separator. You can put spaces before and after the legend Tabs and enter compound names.
Ex: File, Edit
Validate with Add .You then find your entry in the box Drop down to the left of the Edit
Entries are placed below each other.

Then select your entry here File and enter the latter Items
Same principle for the third Items

Edit will review an Item.
If you want to erase or modify an Item, Edit, change or delete Your entry and click Add Finally to validate your menu, click OK, you return to Control Editor.

With Visu, you can see your menu, the first items are always at the bottom of the menu.

I hope you have as much fun to use Control Editor as I had To develop it.

Try Control Editor is keeping it!

Mail me: Jean Brunet