C# Tutorial MSM_Murach chapter-24-slides

Murach’s C# 2010, C24 © 2010, Mike Murach & Associates, Inc. Slide 1

Chapter 24

How to enhance the user interface


Objectives Applied 1. Use the Tab control to organize an application. 2. Use a multiple-document interface for an application. 3. Add menus, toolbars, and help information to an application.

Knowledge 1. Distinguish between a single-document and a multiple-

document interface.


Single-document interface (SDI)


Multiple-document interface (MDI)


A startup form for the Financial Calculations application


Code that displays a new instance of a form private void btnFutureValue_Click(object sender, System.EventArgs e) { Form newForm = new frmFutureValue(); newForm.Show(); }

Code that exits the application and closes all forms

private void btnExit_Click(object sender, System.EventArgs e) { Application.Exit(); }


Code that closes the current instance of a form private void btnClose_Click(object sender, System.EventArgs e) { this.Close(); }


A form that uses a Tab control with two tabs


Code that uses the SelectedIndex property of the Tab control

private void btnCalculate_Click(object sender, System.EventArgs e) { if (tabCalculations.SelectedIndex == 0) DisplayFutureValue(); else if (tabCalculations.SelectedIndex == 1) DisplayDepreciation(); }


Code that uses the SelectedIndexChanged event of the Tab control

private void tabCalculations_SelectedIndexChanged( object sender, System.EventArgs e) { if (tabCalculations.SelectedIndex == 0) txtMonthlyInvestment.Focus(); else if (tabCalculations.SelectedIndex == 1) txtInitialCost.Focus(); }


The start of the menu for the Future Value app


The complete Action menu


Common menu item properties Text Name Checked Enabled Visible ShortcutKeys ShowShortcutKeys


Code for a menu item that clears four controls private void mnuClear_Click(object sender, System.EventArgs e) { txtMonthlyInvestment.Text = ""; txtInterestRate.Text = ""; txtYears.Text = ""; txtFutureValue.Text = ""; }


Code for a menu item that calls another event handler

private void mnuCalculate_Click(object sender, System.EventArgs e) { btnCalculate_Click(sender, e); }

Another way to call another event handler private void mnuCalculate_Click(object sender, System.EventArgs e) { btnCalculate.PerformClick(); }


A project with one parent and two child forms


Properties and methods for a parent form Property/Method Description IsMdiContainer At design-time, set this property to true. ActiveMdiChild At runtime, you can use this property to

retrieve a reference to the active child form. LayoutMdi(mdiLayout) At runtime, you can use this method to

arrange all child forms by specifying a member of the MdiLayout enumeration: Cascade, TileVertical, TileHorizontal, and so on.

Typical property setting for a child form Property Description MdiParent At runtime, you can set this property to specify the

parent form for a child form.


An MDI application with three child forms arranged vertically


Code that creates and displays a new instance of a child form

private void mnuNewFutureValue_Click(object sender, System.EventArgs e) { Form newForm = new frmFutureValue(); newForm.MdiParent = this; newForm.Show(); }

Code that refers to the active child form private void mnuClose_Click(object sender, System.EventArgs e) { Form activeForm = this.ActiveMdiChild; if (activeForm != null) activeForm.Close(); }


Code that arranges the child forms vertically private void mnuTileVertical_Click(object sender, System.EventArgs e) { this.LayoutMdi(MdiLayout.TileVertical); }

Code that exits the application and closes all child forms

private void mnuExit_Click(object sender, System.EventArgs e) { Application.Exit(); }


A ToolStrip with the standard items

A ToolStrip with two custom buttons


The Items Collection Editor for a ToolStrip


Code for the Click event of a button on a ToolStrip private void btnFutureValue_Click(object sender, EventArgs e) { mnuNewFutureValue.PerformClick(); }


A View menu that shows or hides the toolbar

Code that shows or hides a toolbar depending on a menu selection

private void mnuToolbar_Click(object sender, System.EventArgs e) { if (mnuToolbar.Checked == true) { mnuToolbar.Checked = false; tlbMain.Visible = false; } else if (mnuToolbar.Checked == false) { mnuToolbar.Checked = true; tlbMain.Visible = true; } }


A tool tip Context-sensitive help


How to work with a tool tip A tool tip is a brief description of a control that’s displayed

automatically when you place the mouse pointer over that control. To create tool tips for a form, add a ToolTip control to the form.

A control named toolTip1 will appear in the Component Designer tray at the bottom of the window.

The ToolTip control makes a property named “ToolTip on toolTip1” available for each control on the form and for the form itself. You can enter the text for the tool tip in this property.


How to work with context-sensitive help To provide context-sensitive help for a form or control, add a

HelpProvider control to the form. A control named helpProvider1 will appear in the Component Designer tray at the bottom of the window. This control makes several additional properties available for the form and each control it contains.

To display a text string when the user presses the F1 key for the control that has the focus, enter the text for the “HelpString on helpProvider1” property of the control.

You can also enter help text for the HelpString property of the form. Then, that text is displayed at the location of the mouse pointer if a help string isn’t specified for the control that has the focus.

When you enter text for the “HelpString on helpProvider1” property, the “ShowHelp on helpProvider1” property automatically changes from false to true.

C# Tutorial MSM_Murach chapter-24-slides

Technology

Transcript of C# Tutorial MSM_Murach chapter-24-slides