实现一个具有弹性且多样化的菜单、内容菜单与状态栏

2006-09-21 12:13:47

特别值得一提的是，在Visual C# 2005中建立工具列、菜单、内容菜单（快捷菜单）、以及状态列时，建议您了解ToolStrip控件、MenuStrip控件、ContextMenuStrip控件、StatusBar控件、以及四个控件之间密不可分的关系。以下即为一例：

在此，我们要使用程序范例CH9_DemoForm001.cs来示范如何创建一个具有弹性且多样化的菜单、内容菜单与状态栏。从中，您将会对这三个控件的功能特性与运作方式有更清楚的认识。接下来，我们一一介绍其外观特性与设计技巧：

图1-9

图1-10

图1-9所示是程序范例CH9_DemoForm001.cs的运行画面。我们发现，本窗体中的菜单非常特别，因为它除了传统形式的主菜单项目与单层或多层的下拉菜单之外，还拥有其它类型的ToolStripItem控件，包括：文本标签（ToolStripLabel）、下拉列表框（ToolStripComboBox）、按钮（ToolStripButton）、按钮与下拉列表的组合式控件（ToolStripSplitButton）以及一个文字超级链接（ToolStripLabel）。

基本上，我们是在设计阶段就已经构建了菜单的主体（如图1-10所示），此一菜单主体的各个菜单项目（包括主菜单项目与子菜单项目）都是一个ToolStripMenuItem对象，至于各个ToolStripItem控件则是通过程序代码来添加到MenuStrip控件中。将各个ToolStripItem控件添加到MenuStrip控件中的程序代码撰写在 CreateInitialMenus() 程序中，并且会在窗体的Load事件处理函数中加以调用，其程序代码如下所列：

private void CreateInitialMenus()

{

// 先添加三个菜单项目到“复选列表”

// 菜单的下拉菜单中。

for(int i = 1;i <= 3;i++)

{

AddOption();

}

// 创建一个用来显示文字标签的ToolStripLabel控件。

ToolStripLabel menuLabel = new ToolStripLabel();

menuLabel.Text = "请选取：";

// 将ToolStripLabel控件新增到MenuStrip控件

// 的Items集合中，以便将它加至菜单中。

MenuStrip1.Items.Add(menuLabel);

// 创建一个用来显示下拉列表框

// 的 ToolStripComboBox 控件。

ToolStripComboBox menuComboBox =

new ToolStripComboBox();

menuComboBox.Items.Add("停靠上边界");

menuComboBox.Items.Add("停靠下边界");

menuComboBox.Items.Add("停靠左边界");

menuComboBox.Items.Add("停靠右边界");

menuComboBox.SelectedIndex = 0;

menuComboBox.ToolTipText = "选取菜单的停靠位置";

// 设定当选取ToolStripComboBox控件中的不同选项时

// 就执行事件处理函数 ComboBox_SelectedIndexChanged。

menuComboBox.SelectedIndexChanged += new

System.EventHandler(this.ComboBox_SelectedIndexChanged);

// 将ToolStripComboBox控件添加到MenuStrip控件

// 的Items集合中，以便将它加到菜单中。

MenuStrip1.Items.Add(menuComboBox);

// 依序创建三个拥有按钮外观的ToolStripButton控件。

ToolStripButton button1 = new ToolStripButton();

ToolStripButton button2 = new ToolStripButton();

ToolStripButton button3 = new ToolStripButton();

// 依序设定这三个ToolStripButton控件的图片。

button1.Image = Resources.SampleImage1;

button2.Image = Resources.SampleImage2;

button3.Image = Resources.SampleImage3;

// 依序设定这三个ToolStripButton控件的工具提示信息。

button1.ToolTipText = "蓝色";

button2.ToolTipText = "红色";

button3.ToolTipText = "绿色";

// 依序设定这三个ToolStripButton控件的Name属性。

button1.Name = "Blue";

button2.Name = "Red";

button3.Name = "Green";

// 设定当引发这三个ToolStripButton控件的Click事件

// 时就执行事件处理函数ColorButton_Click。

button1.Click +=

new System.EventHandler(this.ColorButton_Click);

button2.Click +=

new System.EventHandler(this.ColorButton_Click);

button3.Click +=

new System.EventHandler(this.ColorButton_Click);

// 将这三个ToolStripButton控件新增到MenuStrip控件

// 的Items集合中，以便将它加至菜单中。

MenuStrip1.Items.Add(button1);

MenuStrip1.Items.Add(button2);

MenuStrip1.Items.Add(button3);

// 创建一个结合按钮与下拉列表

// 的ToolStripSplitButton控件。

ToolStripSplitButton colorSplitButton = new ToolStripSplitButton();

// 设定ToolStripSplitButton控件的文字。

colorSplitButton.Text = "蓝色";

// 设定当单击ToolStripSplitButton控件的标准按钮时

// 就执行事件处理函数SplitButton_Click。

colorSplitButton.ButtonClick += new

System.EventHandler(this.SplitButton_Click);

// 创建三个ToolStripMenuItem对象。

ToolStripMenuItem tsmiColorOption1 =

new ToolStripMenuItem();

ToolStripMenuItem tsmiColorOption2 =

new ToolStripMenuItem();

ToolStripMenuItem tsmiColorOption3 =

new ToolStripMenuItem();

// 设定这三个ToolStripMenuItem对象的文字。

tsmiColorOption1.Text = "蓝色";

tsmiColorOption2.Text = "红色";

tsmiColorOption3.Text = "绿色";

// 设定这三个ToolStripMenuItem对象的工具提示信息。

tsmiColorOption1.ToolTipText = "蓝色";

tsmiColorOption2.ToolTipText = "红色";

tsmiColorOption3.ToolTipText = "绿色";

// 设定这三个ToolStripMenuItem对象的名称。

tsmiColorOption1.Name = "Blue";

tsmiColorOption2.Name = "Red";

tsmiColorOption3.Name = "Green";

// 设定这三个ToolStripMenuItem对象的图片。

tsmiColorOption1.Image = Resources.SampleImage1;

tsmiColorOption2.Image = Resources.SampleImage2;

tsmiColorOption3.Image = Resources.SampleImage3;

// 设定当引发这三个ToolStripMenuItem对象的Click事件

// 时就执行事件处理函数DropDownColorItem_Click。

tsmiColorOption1.Click += new

System.EventHandler(this.DropDownColorItem_Click);

tsmiColorOption2.Click += new

System.EventHandler(this.DropDownColorItem_Click);

tsmiColorOption3.Click += new

System.EventHandler(this.DropDownColorItem_Click);

// 将这三个ToolStripMenuItem对象

// 新增至ToolStripSplitButton控件

// 的DropDownItems集合中，以便使

// 它们成为ToolStripSplitButton控件的选项。

colorSplitButton.DropDownItems.Add(tsmiColorOption1);

colorSplitButton.DropDownItems.Add(tsmiColorOption2);

colorSplitButton.DropDownItems.Add(tsmiColorOption3);

// 将这三个ToolStripSplitButton控件

// 添加到MenuStrip控件的Items集合中，

// 以便将它加到菜单中。

MenuStrip1.Items.Add(colorSplitButton);

// 创建一个用来显示文字超级链接的ToolStripLabel控件。

ToolStripLabel myLinkLabel = new ToolStripLabel();

myLinkLabel.Text = "http://www.microsoft.com";

myLinkLabel.IsLink = true;

myLinkLabel.AutoToolTip = true;

// 设定当引发文字超级链接的Click事件时

// 就执行事件处理函数myLinkLabel_Click。

myLinkLabel.Click += new

System.EventHandler(this.myLinkLabel_Click);

// 将文字超级链接添加到MenuStrip控件

// 的Items集合中，以便将它加至菜单中。

MenuStrip1.Items.Add(myLinkLabel);

}

图1-11

如图1-11所示，当您将鼠标指针移至某一个菜单项目的上方时，菜单项目不仅会显示出工具提示信息，其文字还会显示在状态栏中的ToolStripButton控件上。事实上，ToolStripItem类本身就拥有ToolTipText属性，也就是说，您不需要在窗体上额外添加一个ToolTip控件，就可以直接藉由设定各种ToolStripItem控件的ToolTipText属性来设定工具提示信息。至于菜单项目的文字之所以显示在状态栏中的ToolStripButton控件上，那是因为我们替这些菜单项目的MouseEnter与MouseLeave事件处理函数撰写了下列程序代码：

private void MenuItem_MouseEnter(object sender, System.EventArgs e)

{

ToolStripMenuItem selectedItem = (ToolStripMenuItem)(sender);

tsbSelectedItem.Text = selectedItem.Text;

}

private void MenuItem_MouseLeave(object sender, System.EventArgs e)

{

tsbSelectedItem.Text = "";

}

图1-12

图1-13

如图1-12所示，您可以从“窗体透明度”的下拉菜单中选取特定的选项来设定窗体的透明度。值得一提的技巧是，我们是将要赋给窗体Opacity属性的数值事先保存在菜单项目的Tag属性中（如图1-13所示），并使用同一个事件处理函数来处理这四个菜单项目的Click事件：

private void changeOpacityToolStripMenuItem_Click(

object sender, EventArgs e)

{

ToolStripMenuItem menuItem = (ToolStripMenuItem)(sender);

double opacity = Convert.ToDouble(menuItem.Tag.ToString());

this.Opacity = opacity;

// 透明度是彼此互斥的，请确认只有目前的设定被复选。

ToolStripMenuItem menuChangeOpacity =

(ToolStripMenuItem)(tsmiOptions.DropDownItems[1]);

foreach(ToolStripMenuItem item in

menuChangeOpacity.DropDownItems)

{

item.Checked = false;

}

menuItem.Checked = true;

}

本程序范例的状态栏中拥有三个ToolStripItem控件，由左至右分别是ToolStripButton、ToolStripProgressBar与ToolStripStatusLabel。在此我们要把焦点摆在其中的ToolStripStatusLabel。为了让用户在设计阶段知道状态栏中的最右侧存在一个ToolStripStatusLabel控件，我们特别将其Text属性设定成“章立民”以便让它显示出文字。然而在程序实际运行时，我们会在此ToolStripStatusLabel控件中显示一个图标与当时的日期时间，更特别的是，它会填满整个状态栏的剩余空间（如图1-14所示）。这涉及到了一个非常重要的属性，它就是Spring属性。只要您将ToolStripStatusLabel控件的Spring属性设定成True，则当调整窗体的大小时，ToolStripStatusLabel会自动填满StatusStrip上的可用空间。

窗体之Load事件处理函数中的下面这一段程序代码，即是在设定状态栏中最右侧的ToolStripStatusLabel控件的相关属性：

// 设定状态栏（StatusStrip）中名称为 tsbDateTime

// 之ToolStripStatusLabel 控件的各个属性。

this.tsbDateTime.AutoToolTip = true;

this.tsbDateTime.Text = DateTime.Now.ToString();

this.tsbDateTime.Image = Resources.CLOCK02.ToBitmap();

this.tsbDateTime.TextAlign = ContentAlignment.MiddleRight;

this.tsbDateTime.ImageAlign = ContentAlignment.BottomRight;

this.tsbDateTime.TextImageRelation =

TextImageRelation.TextBeforeImage;

this.tsbDateTime.Spring = true;

图1-14

结语

最后，深切地期望大家在阅读完「Visual C# 2005程序开发与界面设计秘诀」一书之后，能够在Visual C# 2005的学习之路上更加顺畅，祝福您。

本文出自 “章立民” 博客，转载请与作者联系！

昵称：
验证码：		点击图片可刷新验证码　　博客过2级，无需填写验证码
内容：