应用程序界面设计.ppt

第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=DialogResult.OK)else,3.检索对话框输入的信息和向对话框输出信息对话框一般用来输出信息或输入信息。一般通过对话框的属性来公开对话框信息。例如，public string InputText get return txtInput.Text;利用InputText属性返回对话框上文本框txtInput中用户输入的文本。4.默认按钮通过设置窗体的AcceptButton属性，确定按下回车键时，哪个按钮控件应该做出响应。通过设置窗体的CancelButton属性确定按下ESC键时，哪个按钮控件应该做出响应。,7.1.2 非模态对话框,用户不必关闭非模态对话框也可以在应用程序的其它窗体上工作。非模态对话框的实现与模态对话框基本相同，只是显示非模态对话框，使用窗体的Show方法,7.2 通用对话框,通用对话框就是C#预置的一些对话框。7.2.1 消息框 用于向用户显示一些通知消息。MessageBox.Show()显示消息框。格式为：DialogResult Show(string text,string caption,MessageBoxButtons buttons,MessageBoxIcon icon,MessageBoxDefaultButton defaultButton),例如：MessageBox.Show(“消息框的显示内容”,“消息框的标题,MessageBoxButtons.YesNoCancel,MessageBoxIcon.Information)；,7.2.2 文件打开和保存对话框,由OpenFileDialog和SaveFileDialog类实现1.常用属性（1）Filter属性：文件名筛选字符串，筛选具有特定扩展名的文件。形式为“所有文件*.*|*.*”，“|”，前面的字符串“所有文件*.*”用于显示，后面的字符串“*.*”才真正用于筛选。（2）FilterIndex属性：设置对话框文件名筛选器的索引。（3）InitialDirectory属性：设置对话框显示的初始路径。（4）Title属性：设置对话框的标题。（5）FileName属性：返回对话框中用户选定的路径和文件名。2.常用方法（1）ShowDialog方法：显示文件打开或保存对话框。,3.文件与数据流概述,（1）FileStream类用于完成文件打开、读写和关闭任务。构造函数为：FileStream(string path,FileMode mode,FileAccess access)path指定文件的相对或绝对路径；mode确定打开或创建文件，取值于枚举FileMode：Create：创建新文件。若文件存在，则被改写；CreateNew：创建新文件，若文件存在，则将引发异常；Open：打开现有文件；OpenOrCreate：若文件存在，则打开，否则，创建新文件；Append：打开现有文件并查找到文件尾，或创建新文件；Truncate：打开现有文件。文件一旦打开，就将被截断为零字节大小,（1）FileStream类access用于控制对文件的读访问、写访问或读/写访问。取值于FileAccess枚举，具体值为：Read：读取文件；Write：写文件；ReadWrite：读写文件。,3.文件与数据流概述,（2）StreamReader类用于读取文本文件或文本数据流。其构造函数非常多，常见的有如下两种形式：StreamReader(Stream stream)StreamReader(string path)stream指定要读取的流；path指定读取文件的完整路径。常用的方法有：Read方法：读取流中的下一个字符。ReadLine方法：读取一行字符并将数据作为字符串返回。ReadToEnd方法：读取从流的当前位置到末尾的所有字符。Close方法：关闭流。,3.文件与数据流概述,（3）StreamWriter类用于写入文本文件或文本数据流。其构造函数非常多，常见的有如下两种形式：StreamWriter(Stream stream)StreamWriter(string path)stream指定要写入的流；path指定写入文件的完整路径。常用的方法有：Write方法：把任何类型数据写入流。WriteLine方法：将数据写入流，插入行结束符Close方法：关闭流。,例7-2 使用文件保存对话框建立一个文件，并使用代码向文件写入一句话/using System.IO;SaveFileDialog sfdlg=new SaveFileDialog();sfdlg.Filter=所有文件*.*|*.*|文本文件*.txt|*.txt|C#文件|*.cs|C文件|*.c;sfdlg.InitialDirectory=c:user;sfdlg.Title=保存文本文件;sfdlg.FilterIndex=2;/把文件过滤器设为第二项“*.txt”/如果用户单击文件保存对话框的“保存”按钮，向文件写入/“This is test”if(sfdlg.ShowDialog()=DialogResult.OK)FileStream fs=new FileStream(sfdlg.FileName,FileMode.OpenOrCreate,FileAccess.Write);StreamWriter fileStream=new StreamWriter(fs);fileStream.WriteLine(This is a test);fileStream.Close();,7.2.3 颜色对话框,允许用户从调色板选择颜色以及将自定义颜色添加到调色板。ColorDialog类实现颜色对话框。ShowDialog方法，显示颜色对话框。Color属性记忆用户选择的颜色。例 使用颜色对话框改变静态文本标签的背景色ColorDialog clg=new ColorDialog();if(clg.ShowDialog()=DialogResult.OK)label1.BackColor=clg.Color;,7.2.4 字体对话框,字体对话框是标准的 Windows“字体”对话框，用于公开系统上当前安装的字体。FontDialog类实现字体对话框。ShowDialog方法显示字体对话框，Font属性记忆用户选择的字体。Font是一个对象，它公开字体、字型、字号等属性。例7-3 使用字体对话框设置静态文本标签的字体FontDialog fg=new FontDialog();if(fg.ShowDialog()=DialogResult.OK)label1.Font=fg.Font;,7.2.5 打印对话框,PrintDialog显示Windows标准打印对话框。可以在对话框中选择打印机、选择要打印的页以及页范围和打印选定内容。必须使用PrintDocument组件完成具体的打印任务 例7-4 使用PrintDialog和PrintDocument打印一个矩形PrintDialog pd=new PrintDialog();PrintDocument pdoc=new PrintDocument();pdoc.PrintPage+=new PrintPageEventHandler(pds_PrintPage);pd.Document=pdoc;private void button1_Click(object sender,EventArgs e)if(pd.ShowDialog()=DialogResult.OK)();private void pds_PrintPage(object sender,PrintPageEventArgs e)e.Graphics.FillRectangle(Brushes.Red,new Rectangle(500,500,500,500);,private void button1_Click(object sender,EventArgs e)PrintDialog pd=new PrintDialog();PrintDocument pdoc=new PrintDocument();pdoc.PrintPage+=new PrintPageEventHandler(pds_PrintPage);pd.Document=pdoc;if(pd.ShowDialog()=DialogResult.OK)pd.Document.Print();private void pds_PrintPage(object sender,PrintPageEventArgs e)e.Graphics.FillRectangle(Brushes.Red,new Rectangle(10,10,500,500);,