SharpDevelop Community

Get your problems solved!
Welcome to SharpDevelop Community Sign in | Join | Help
in Search

Matt Ward

Visually Designing Forms

SharpDevelop has a forms designer that allows you to visually design forms and user controls written in C#, VB.NET or Boo.

Opening the Forms Designer

To open the forms designer click the Design tab at the bottom of the form's source code window.

Click the Design tab to open the forms designer

Forms designer opened

Adding Controls

Controls can be added to the form from the Toolbox window. From the View menu select Tools.

View tools menu item

This opens up the Toolbox window. The controls you can add to the form exist in tabs inside the toolbox:

Toolbox

TabContents
ComponentDisplays a list of non-visual components that can be added to your form (e.g. FileSystemWatcher, NotifyIcon and Timer). These are added to the non-visual design area at the bottom of the forms designer.
Custom ComponentsDisplays a list of Windows Forms Controls that are in the current project, any referenced project or any referenced assembly.
DataDisplays a list of data objects that you can add to your form (e.g. DataGridView, DataSet and OleDbConnection).
Windows FormsDisplays a list of the standard Windows Forms Controls (e.g. Button, ListView, TreeView and Label).

Click a tab to expand it and see what controls it contains. To add a control to the form you can either drag it or draw it onto the form. To drag, click the control with the left mouse button and whilst holding down the left mouse button move the mouse to your form, release the mouse button to drop the control onto your form. To draw it onto your form, select the control in the toolbox window by left clicking it with the mouse, no need to hold the button down at this point, then click where you want the top left corner of the control to be located on the form, then whilst holding down the left mouse button drag to where the bottom right corner of the control should be located. Once the control is placed on the form you can visually resize it, change its location and modify its properties. In the screenshot below a Button, TextBox and Timer have been added to the form, with the Timer shown in the non-visual component area of the forms designer.

Designed form

Setting Properties

A control has properties that can be set at design time, changing how the control looks and reacts (e.g. text displayed on a button, font used to display the text, and the background image on a button). These properties are displayed in the Properties window. From the View menu select Properties to open the Properties window.

View properties menu item

Properties Window

The properties are then displayed for the currently selected control. You can view the properties of another control on the form by selecting it in the designer or by selecting its name in the drop down list at the top of the Properties window.

Events

Each Windows Form control has events that you can catch and respond to. To see the events a control exposes, select the control in the designer and select the Events tab Form Events tab in the Properties window.

Form events

To generate an event handler, select the event in the Properties window, enter a name, or leave it blank to accept the default name, and then double click the property or press the enter key. The forms designer will then create an empty event handler method and switch to the form's source code ready for you to type in your code. The screenshot below shows the code generated for the button's Click event.

Generated event handler method

< previous | home | next >

Published Jul 05 2006, 11:57 AM by MattWard
Filed under:

Comments

No Comments
Powered by Community Server (Commercial Edition), by Telligent Systems
Don't contact us via this (fleischfalle@alphasierrapapa.com) email address.