C# Graphical Interface

(last update: Fri Oct 28 20:32:45 CEST 2016)

1 Course Information

This course is a 3-day intensive introduction to the development of graphical interfaces using the C# language. At the end of the course you will be able to

Use the Windows Forms API to create graphical applications

Design and create window menus and contextual menus

Use most important graphical controls (text, label, button, list, open file, etc.)

An updated version of the course will always be available at:: http://lipn.univ-paris13.fr/~rodriguez/teach/csgi/2016-17/

1.1 Instructor

César Rodríguez (http://lipn.univ-paris13.fr/~rodriguez)

1.2 Attendance, Grading, and other Policies

Polices about attendance, delays, and collaboration: the same as for the Unix course
Academic grade: 50% continuous assessment + 50% programming exercises

1.3 Additional material

PDF exercise sheet: Cs-Exos-Partie2.pdf.
HTML exercise sheet: ex.html.

1.4 Evaluation of your code

Here are some criteria that will be taken into account for the evaluation of the source could that you are expected to submit in this course:

Homogeneous and reasonable indentation and spacing (structure in "paragraphs of code", empty lines, spaces between words).
Your code is as simple as possible, but not simpler.
The code is clear, easy to read.
Your code is robust and well tested. It rather displays error messages complaining about non-treated corner cases than it produces run-time crashes (for instance, segmentation faults).
You use comments to explain your code. You are strongly adviced to structure your code in paragraphs, and introduce every paragraph with a one-line comment.

1.5 How to Submit Exercises / Code for Evaluation

You are expected to submit your source code using the ENT. Deadlines on November 3, 2016.

Naviage to the online version of this course:

Accueil > Mes cours > Institut Galilée > Ingénieurs >
Ingénieurs Télécom et Réseaux an3 >
Système .Net et langage C# - TELEC3 >
Interface graphique

There is one link under the section "C# Graphical Interface - Exercises". Use it to submit the appropriate homework.

2 Day 1: Introduction and First Steps

(Sections V1 to V14; skip V11)

Introduction to Windows Forms:

Windows Forms
MessageBox, method Show, using the DialogResult return value
Modal and non-modal forms; methods ShowDialog and Show
Call to Application.Run() is needed for non-modal
Important properties: Width, Height, StartPosition, FormBorderStyle, Text, Title.
Events and delegates; the EventHandler delegate; meaning of parameters
Adding controls. Example with one Button. The Controls collection.

Communication between forms:

The DialogResult field
Principle to recover data from a child form

Using controls:

Properties: Location, Dock, Anchor, TabIndex.
Properties of TextBoxBase: AcceptsTab, AcceptsReturn.
Two important properties of Form: AcceptButton and CancelButton.
Button control
TextBox control

Exercise Implement a simple text editor. Your editor will be able to load, visualize, edit, and save text files (but not create them). You might find useful the OpenFileDialog control to open an existing file. Your editor will have one button, with caption "Save", that will save the edited contents to the file to the file path from which it was loaded.

3 Day 2: Menus, Dialogs, more Controls

Buttons and text:

V15 Label
V16 Checkbox
V17 RadioButton
V20 ComboBox
(V33 GroupBox)

Exercise "The ecologist" from the HTML exercise sheet.

Menus:

V24 MenuStrip, ToolStripMenuItem
V25 ContextMenuStrip

General dialogs:

Exercises "COULEUR MENU", "AFFICHAGE FICHIER", and "COULEUR DIALOGUE BOUTONS RADIO" from the PDF exercise sheet):

4 Day 3: Components, Containers, Drawing, Others

Components (no graphical representation):

V27 ErrorProvider (briefly)
V29 Timer
V30 BackgroundWorker

Containers:

V33 GroupBox
V34 ImageList (very briefly)
V36 Panel

Tool Strips (toolbox strips)

V40 ToolStrip (briefly)
V41 StatusStrip

Pictures, images, drawing:

V49 PictureBox

Miscellaneous: