应用程序界面设计

*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,第6章 Windows应用程序界面设计,学习内容与要点,单窗体界面设计,菜单界面设计,工具栏界面设计,状态栏界面设计,MDI界面设计,多窗体界面设计,6.1单窗体界面设计,6.1.1 界面设计原则,（1）界面布局应合理,（2）界面上的元素应一致,（3）文字与用语应简洁,（4）颜色使用应和谐,（5）界面设计应规范,6.1.2 单窗体界面设计,设计的基本步骤是：,建立窗体；,为窗体添加控件；,设置属性；,添加事件，并编写事件响应过程。,6.2 菜单界面设计,有两种菜单控件用于菜单界面设计：,MainMenu控件，用于C#.NET 1.0中；,MenuStrip控件,，用于C#.NET 2.0中。,6.2.1 菜单编辑器,把MenuStrip控件（MainMenu控件）从工具箱的“菜单和工具栏”选项卡中拖动到窗体上，就会出现菜单编辑器。,1.添加菜单项,在菜单编辑器内，单击“请在此处输入”文本框，并输入在菜单中显示的文本,2.添加快捷键,（1）在菜单文本中输入“&”,符号，为菜单项添加Alt访问键。,例如，主菜单项“File（&F）”,（2）为菜单项添加快捷键。,设置菜单项的ShortcutKeys属性。,3.添加分隔线,可以通过输入“-”作为菜单文本，来为菜单项之间加上分隔线,。,4.编辑菜单项,（1）删除菜单项：可以选中该菜单项，然后按Del键。,（2）在某一个菜单项前面插入另一个菜单项：右击菜单项，在快捷菜单中选择【插入】|【MenuItem】。,6.2.2 MenuStrip 控件,MenuStrip控件是窗体上菜单的容器。,1.MenuStrip控件,（1）常用属性：,Items属性：所有菜单项的集合。,ShowItemToolTips 属性：指示是否显示工具提示。,Anchor 属性：获取或设置MenuStrip要锚定到的容器的边缘，取值于AnchorStyles枚举。值主要包括：Bottom,Top,Left,Right,None.,ToolStripMenuItem控件,ToolStripMenuItem对象表示菜单项。,（1）常用属性：,DropDownItems：子菜单项的集合,Checked属性：指示选中标记是否出现在菜单文本的左侧。true为显示，false为不显示,CheckOnClick 属性：是否在被单击时自动显示为选中或者未选中状态。,DisplayStyle 属性：是否在控件上显示文本和图像。,Image属性：显示在控件上的图像。,Selected 属性：是否处于选定状态。,Text属性：显示在菜单项上的文本。,TextAlign 属性：菜单项上的文本的对齐方式。取值于ContentAlignment 枚举。,ToolTipText 属性：菜单项的工具提示内容。,（2）常用事件,Click事件：单击菜单项时发生。,CheckedChanged事件：Checked属性值更改时发生,VisibleChanged事件：Visible属性值更改时发生。,6.2.3 ContextMenuStrip,快捷菜单（也称为上下文菜单）,在用户单击鼠标右键时会出现在鼠标位置。,当用户在控件或窗体本身上单击鼠标右键时，通常会显示快捷菜单。,许多可视控件（以及,Form,本身）都有一个,Control.ContextMenuStrip,属性，该属性将 ContextMenuStrip 类绑定到显示快捷菜单的控件。多个控件可使用一个 ContextMenuStrip。,6.3 工具栏界面设计,两种工具栏控件,ToolBar控件，用于C#.NET 1.0版本中；,ToolStrip控件，用于C#.NET 2.0版本中。,6.3.1 ToolStrip控件,表示窗体上的工具栏，它是工具栏按钮的容器。,（1）常用属性,Items属性：工具栏按钮的集合。,ImageList属性：工具按钮上显示的图像列表。,（2）常用事件,ItemClicked事件：单击工具按钮时发生。,ToolStripButton控件,ToolStripButton对象表示工具按钮,（1）常用属性,Checked属性：是否已按下该工具按钮,CheckOnClick：在单击工具按钮时，工具按钮是否应自动显示为按下或未按下状态。,CheckState：工具按钮处于选中、未选中还是不确定状态。,DisplayStyle：是否在工具按钮上显示文本和图像,Image属性：显示在工具按钮上的图像。,Selected 属性：指示该项是否处于选定状态。,Text属性：要显示在工具按钮上的文本。,TextAlign 属性：工具按钮上的文本的对齐方式。,ToolTipText 属性：工具按钮上的工具提示内容。,（2）ToolStrip控件的常用事件,Clicked事件：单击工具按钮时发生。,CheckedChanged事件：Checked属性发生变化时发生。,6.3.2 ImageList控件,是一个相同尺寸和颜色深度的图像集合,为ImageList控件添加图像的步骤：,（1）在窗体上，添加,一个ImageList控件；,（2）在属性窗口中，选择,Images属性；,（3）单击“”按钮，弹出,“图像集合编辑器”对话框。,设置工具按钮的图像,void Form1_Load(object sender,EventArgs e),/把ImageList控件赋值给工具栏的ImageList属性,toolStrip1.ImageList=imageList1;,/给各个工具栏按钮的ImageIndex属性赋值,/为ImageList中的图像的索引,toolStripButton1.ImageIndex=0;,toolStripButton2.ImageIndex=1;,toolStripButton3.ImageIndex=2;,6.4 状态栏界面设计,两种状态栏控件:,StatusBar控件，用于C#.NET 1.0版本中；,StatusStrip控件，用于C#.NET 2.0版本中。,6.4.1 StatusStrip控件,StatusStrip控件表示窗体上的状态栏，它是状态栏面板的容器。,（1）常用属性,Items属性：获取各个状态面板。,ImageList属性：包含面板上显示的图像列表。,（2）常用事件,ItemClicked事件：单击控件上的面板时发生。,6.4.2 ToolStripStatusLabel控件,在状态栏中提供一个显示区域，用于显示文本或图像。,（1）常用属性,Alignment：确定面板在状态栏上的对齐位置。,BorderStyle：面板的边框样式。,DisplayStyle：是否在面板上显示文本和图像,Image属性：要显示在面板上的图像,Text属性：要显示在面板上的文本,（2）常用事件,Click事件：单击状态面板时发生。,6.5 MDI界面设计,MDI应用程序允许用户同时显示多个文档，每个文档显示在它自己的窗口中。因此称为多文档界面。,MDI界面设计包含一个父窗体和若干个子窗体。,MDI父窗体是包含 MDI 子窗体的容器,MDI子窗体是用户与 MDI 应用程序进行交互的窗口。,6.5.1 建立MDI主窗体,建立MDI主窗体的步骤如下：,（1）建立一个Windows应用程序；,（2）设置MDI主窗体的属性,将MDI主窗体的IsMdiContainer属性设为true。,6.5.2 建立MDI子窗体,步骤如下：,（1）建立MDI子窗体,在解决方案资源管理器中，右击项目名，在快捷菜单中选【添加】|【Windows窗体】，即可为项目添加一个名称为Child的子窗体。,（2）设计MDI子窗体,主窗体程序设计,（1）显示MDI子窗体,Child c=new Child();,c.MdiParent=this;,c.Show();,（2）关闭MDI子窗体,();,（3）排列MDI子窗体,this.LayoutMdi(MdiLayout.Cascade);,6.5.5 合并菜单,如果设置MenuStrip控件的AllowMerge属性为true，则当显示MDI子窗体时，如果 MDI 子窗体有菜单，则它的菜单会合并到MDI主窗体的菜单上。,如果设置MDI子窗体的ToolStripMenuItem控件的MergeAction 属性为MachOnly，则可以合并MDI主窗体和子窗体的相同菜单。,如果设置ToolStripMenuItem控件的MergeIndex属性，可以为合并的菜单项指定出现顺序。,6.6 多窗体界面设计,6.5.1 建立多窗体,1.添加窗体,在“解决方案资源管理器”中，右击项目名，在快捷菜单中选【添加】|【Windows窗体】；或选择【项目】|【添加Windows窗体】。均可弹出“添加新项”对话框。在对话框的“模板”列表框中，选择“Windows窗体”；在“名称”框中，输入窗体的名字。单击“添加”按钮，即可向项目中添加一个新的窗体。,2.删除或排除窗体,排除窗体指的是把窗体从项目中移走，而窗体文件并没有从磁盘上被删除。,删除窗体指的是既从项目中把窗体移走，又从磁盘上把窗体删除掉。,在“解决方案资源管理器”中，右击窗体名，在快捷菜单中选择【从项目中排除】或【删除】,3.设置启动窗体,启动窗体即应用程序运行时显示的窗体。,static void Main(),Application.Run(new,Form1,();,4.窗体的生成与关闭,（1）建立新窗体的实例,如果想操作窗体，必须先生成一个窗体类的实例。,Form1 f=new Form1();,（2）显示窗体,使用Form类的Show或ShowDialog方法显示窗体。,f.Show();,（3）隐藏窗体,使用Form类的Hide方法隐藏窗体。,f.Hide();,（4）关闭窗体,使用Form类的Close方法关闭窗体。,f.Close();,6.5.2 窗体间关联,（1）从主窗体启动其它窗体,可以在主窗体中，生成其它窗体的实例，或引用其它窗体。然后，使用该实例的Show方法显示窗体。,Form2 f=new Form2();,mainForm.Hide();f.Show();,（2）从其它窗体访问主窗体,可以在其它窗体类中，声明一个引用主窗体实例的公有变量。在主窗体启动其它窗体时，把主窗体实例传给该变量即可。这样，在其它窗体中，就可以利用这个变量访问主窗体了。,6.5.2 窗体间关联,（2）从其它窗体访问主窗体,可以在其它窗体类中，声明一个引用主窗体实例的公有变量。在主窗体启动其它窗体时，把主窗体实例传给该变量即可。这样，在其它窗体中，就可以利用这个变量访问主窗体了。,Form2中：Public mainForm mf=null;,this.Hide();,Form2 f=new Form2();,f.mainForm=this;,f.Show();,如果需要回到主界面，则可以调用下句：,在Form2中：,();,this.Close();,第7章 对话框,学习内容与要点,如何建立自定义对话框,通用对话框控件的使用,文件与流,RichTextBox控件的使用,7.1 自定义对话框,对话框就是窗体的另外一种形式。,根据工作模式不同，对话框分为模态和非模态对话框两种。,7.1.1 模态对话框,用户必须显式地关闭对话框后，才能与应用程序的其它窗体进行交互。,1.实现模态对话框的基本步骤,（1）将窗体的FormBorderStyle属性更改为FixedDialog；将ControlBox、MinimizeBox、MaximizeBox和ShowInTaskBar属性设置为 false,（2）调用窗体的ShowDialog 方法显示模态对话框,2.对话框的返回值,（1）使用对话框的DialogResult 属性,（2）,ShowDialog方法的返回值。,if(dlg.DialogResult=Dialog