界面设计教程

1、1会计学界面设计教程界面设计教程22021-12-932021-12-942021-12-952021-12-962021-12-972021-12-98从图9-2可以看出，当选择“Windows应用程序”作为应用程序的模板后，系统会自动为用户生成一个空白窗体，一般名为Form1。该窗体就是应用程序运行时显示给用户的操作界面，下一步就是向窗体中添加各种控件。2021-12-992021-12-9102021-12-9112021-12-912 按照同样的方法在窗体中添加一个标签（Label），设置其Text属性为“结果”，再添加一个文本框（TextBox），并设置其Text属性为空。 最后，一

2、个简单的计算器的界面就完成了，如图9-3所示。2021-12-9132021-12-9142021-12-9152021-12-9162021-12-9172021-12-9182021-12-9192021-12-9202021-12-9212021-12-9222021-12-9232021-12-9242021-12-9252021-12-9Windows窗体的基本属性窗体的基本属性262021-12-9Windows窗体的基本属性窗体的基本属性272021-12-9Windows窗体的基本属性窗体的基本属性282021-12-9Windows窗体的基本属性窗体的基本属性292021-1

3、2-9Windows窗体的基本属性窗体的基本属性302021-12-9Windows窗体的基本属性窗体的基本属性312021-12-9Windows窗体的基本属性窗体的基本属性322021-12-9创建窗体创建窗体332021-12-9创建窗体创建窗体342021-12-9设置启动窗体属性设置启动窗体属性352021-12-9设置启动窗体属性设置启动窗体属性362021-12-9设置启动窗体属性设置启动窗体属性372021-12-9窗体的显示与隐藏窗体的显示与隐藏382021-12-9窗体的显示与隐藏窗体的显示与隐藏392021-12-9窗体的事件窗体的事件402021-12-9窗体的事件窗体

4、的事件412021-12-9窗体的事件窗体的事件422021-12-9窗体的事件窗体的事件432021-12-9窗体的事件窗体的事件442021-12-9窗体的事件窗体的事件452021-12-9窗体的事件窗体的事件462021-12-9窗体的事件窗体的事件472021-12-9窗体的事件窗体的事件482021-12-9492021-12-9502021-12-9512021-12-9522021-12-9532021-12-9542021-12-9552021-12-9562021-12-957Dock的值有6种，分别是Top、Bottom、Left、Right、Fill，最后还有默认值No

5、ne。一旦Dock值被设定，子控件就会发生变化与父控件选定的边缘相融在一起。2021-12-9582021-12-9592021-12-9602021-12-9按钮控件按钮控件612021-12-9按钮控件按钮控件622021-12-9按钮控件按钮控件632021-12-9按钮控件按钮控件642021-12-9按钮控件按钮控件652021-12-9按钮控件按钮控件662021-12-9按钮控件按钮控件672021-12-9按钮控件按钮控件682021-12-9标签控件标签控件692021-12-9标签控件标签控件702021-12-9标签控件标签控件712021-12-9标签控件标签控件722

6、021-12-9标签控件标签控件732021-12-9标签控件标签控件742021-12-9标签控件标签控件752021-12-9标签控件标签控件762021-12-9文本框控件文本框控件772021-12-9文本框控件文本框控件782021-12-9文本框控件文本框控件792021-12-9文本框控件文本框控件802021-12-9文本框控件文本框控件812021-12-9文本框控件文本框控件822021-12-9文本框控件文本框控件832021-12-9文本框控件文本框控件842021-12-9单选按钮控件单选按钮控件852021-12-9单选按钮控件单选按钮控件862021-12-9单选

7、按钮控件单选按钮控件872021-12-9单选按钮控件单选按钮控件882021-12-9单选按钮控件单选按钮控件892021-12-9单选按钮控件单选按钮控件902021-12-9复选框控件复选框控件912021-12-9复选框控件复选框控件922021-12-9复选框控件复选框控件932021-12-9复选框控件复选框控件942021-12-9复选框控件复选框控件952021-12-9复选框控件复选框控件962021-12-9复选框控件复选框控件972021-12-9复选框控件复选框控件982021-12-9复选框控件复选框控件992021-12-9复选框控件复选框控件100 程序运行，输入

8、相应的内容，如图9-20所示。单击“确定”按钮后，弹出的对话框如图9-21所示。2021-12-9复选框控件复选框控件1012021-12-9列表框列表框1022021-12-9列表框列表框1032021-12-9列表框列表框1042021-12-9列表框列表框1052021-12-9列表框列表框1062021-12-9列表框列表框1072021-12-9列表框列表框1082021-12-9列表框列表框1092021-12-9列表框列表框1102021-12-9列表框列表框1112021-12-9列表框列表框1122021-12-9列表框列表框1132021-12-9列表框列表框1142021

9、-12-9列表框列表框1152021-12-9列表框列表框1162021-12-9列表框列表框1172021-12-9列表框列表框1182021-12-9可选列表框控件可选列表框控件1192021-12-9组合框控件组合框控件1202021-12-9组合框控件组合框控件1212021-12-9组合框控件组合框控件1222021-12-9组合框控件组合框控件123（2）更改两个ComboBox控件的DropDownStyle属性为DropDownList。为cboCountry有Items添加如下内容：中国美国英国2021-12-9组合框控件组合框控件124（3）编写程序代码，实现如下的功能：当

10、cboCountry中，选择相应的国家，在cboCity中显示该国家的部分城市。2021-12-9组合框控件组合框控件1252021-12-9组合框控件组合框控件1262021-12-9组合框控件组合框控件1272021-12-9组合框控件组合框控件1282021-12-9组合框控件组合框控件1292021-12-9组合框控件组合框控件130说明说明：代码在Form1窗体的Load事件中对cboCountry控件的SelectedIndex属性赋值，使其默认选择一个选择，避免了运行程序时组合框是所选内容为空。随后的代码处理了cboCountry控件的SelectedIndexChanged事件

11、，根据不同的国家添加不同的城市名称。2021-12-9面板控件和分组框控件面板控件和分组框控件1312021-12-9面板控件和分组框控件面板控件和分组框控件1322021-12-9面板控件和分组框控件面板控件和分组框控件1332021-12-9面板控件和分组框控件面板控件和分组框控件1342021-12-9面板控件和分组框控件面板控件和分组框控件1352021-12-9滚动条控件滚动条控件1362021-12-9滚动条控件滚动条控件1372021-12-9滚动条控件滚动条控件1382021-12-9滚动条控件滚动条控件1392021-12-9滚动条控件滚动条控件1402021-12-9滚动条

12、控件滚动条控件1412021-12-9定时器控件定时器控件1422021-12-9定时器控件定时器控件1432021-12-9定时器控件定时器控件1442021-12-9定时器控件定时器控件1452021-12-9定时器控件定时器控件1462021-12-9定时器控件定时器控件1472021-12-9定时器控件定时器控件1482021-12-9定时器控件定时器控件1492021-12-9定时器控件定时器控件1502021-12-9定时器控件定时器控件1512021-12-9控件控件1522021-12-9控件控件1532021-12-9控件控件1542021-12-9控件控件1552021-1

13、2-9控件控件1562021-12-9控件控件1572021-12-9控件控件1582021-12-9控件控件1592021-12-9控件控件1602021-12-9控件控件1612021-12-9控件控件1622021-12-9控件控件1632021-12-9控件控件1642021-12-9控件控件1652021-12-9控件控件1662021-12-9控件控件1672021-12-9控件控件1682021-12-9控件控件1692021-12-9控件控件1702021-12-9控件控件1712021-12-9控件控件1722021-12-9控件控件1732021-12-9控件控件17420

14、21-12-9控件控件1752021-12-9控件控件1762021-12-9控件控件177 设置ListView控件的属性如下： LarageImageList：选imageList2。 SmallImageList：选imageList1。 Columns：学号（width：60）、姓名（width：60）、籍贯（width：60）。 View：当前显示模式，设为Details。 设置属性完成的窗体如图9-39所示。2021-12-9（2）完整的程序代码如下所示：using System;using System.ComponentModel;using System.Data;using

15、 System.Drawing;using System.Text; namespace UseListView public partial class Form1 : Form public Form1() InitializeComponent(); 控件控件1782021-12-9 /添加窗体的Load事件 private void Form1_Load(object sender, EventArgs e) 大图标);小图标);列表);详细列表); cmbDisplayStyle.SelectedIndex = 3; 控件控件1792021-12-9 private void btn

16、Append_Click(object sender, EventArgs e) 控件控件1802021-12-9 private void btnDelete_Click(object sender, EventArgs e) ListViewItem item = 控件控件1812021-12-9 private void cmbDisplayStyle_SelectedIndexChanged(object sender, EventArgs e) switch (str) case 大图标大图标: break; case 小图标小图标: break; case 列表列表: break;

17、 default: break; 控件控件1822021-12-9 /添加ListView控件的Click事件，实现通过单击弹出学生的学生信息 private void listView1_Click(object sender, EventArgs e) string str; MessageBox.Show(该生的学号为：+str); 控件控件1832021-12-9 /添加ListView控件的Click事件，实现通过单击弹出学生的学生信息 private void listView1_Click(object sender, EventArgs e) string str; Messa

18、geBox.Show(该生的学号为：+str); 控件控件1842021-12-9菜单通常分为主菜单和上下文菜单（又称为右键菜单）两类，在.NET类库中分别提供了MenuStrip和ContentMenuStrip控件来实现主菜单和上下文菜单。1. 主菜单控件主菜单控件MenuStripMenuStrip控件用来提供主菜单控件，它必须依附在某个窗体上，通常显示在窗体的最上方，它由类提供。通常包含多个不同的菜单项（MenuItem），并且可以通过代码动态地添加或删除菜单项。菜单菜单1852021-12-9l它可以包含以下4种不同类型的菜单项。MenuItem类型：类似Button的菜单项，通过单

19、击来实现某种功能，同时可以包含子菜单项，它以右三角形的形式表示包含子菜单。ComboBox类型：类似ComboBox控件的菜单项，可以在菜单中实现多个可选项的选择。TextBox类型：类似TextBox控件的菜单项，可以在菜单中输入任意文本。Separator类型：菜单项分隔符，以灰色的“”表示。菜单菜单1862021-12-9不同类型的菜单项具有不同的常用事件需要处理。MenuItem类型通常通过处理Click事件来完成单击当前菜单需要执行的操作。ComboBox类型则通过处理SelectedIndexChanged事件来判定选择变动的处理，同时也可以提供用户数据的输入和输出。TextBox

20、类型则主要提供用户数据的输入，也可以通过响应TextChanged、KeyPress等事件实现一些扩展功能。下面具体来介绍一下用MenuStrip控件如何来实现主菜单。菜单菜单1872021-12-9【例9-19】MenuStrip控件的运用。（1）创建一个Windows窗体应用程序，在左侧的工具箱中双击MenuStrip控件，将其添加到窗体，如图9-42所示。菜单菜单188可以看到，窗体的上方出现一个空菜单，并提示输入菜单名称。下文多出一个menuStrip1控件。2021-12-9（2）输入菜单文本时，Visual Studio 2005将会自动产生下一个菜单条目的提示输入，方便开发人员使

21、用，如图9-43所示。菜单菜单1892021-12-9（3）下面创建一个类似于Visual Studio 2005的部分菜单。在图9-43提示的输入输入“文件（&F）”，将会产生“文件（F）”的效果，&被识别为确认快捷键的字符。同理，在【文件】下创建【新建】、【打开】、【添加】和【关闭】子菜单。在新创建的菜单上单击鼠标右键，可以添加其他内容，如分隔符，如图9-44所示。菜单菜单1902021-12-9（）还可以为菜单添加图像，以方便用户识别和使用。添加完毕，结果如图9-45所示。菜单菜单1912021-12-92. 上下文菜单控件上下文菜单控件ContexMenuStrip上下

22、文菜单（右键菜单）的编辑、菜单项管理、菜单项使用都和主菜单完全相同，只是它被作为右键弹击菜单使用，ContexMenuStrip控件提供了与某个控件关联的快捷菜单。为窗体创建上下文菜单通常的步骤如下例所示。【例9-20】ContexMenuStrip控件的运用。其步骤如下：（1）打开前面小节中的程序，添加ContexMenuStrip控件，如图9-46所示。菜单菜单1922021-12-9（）添加菜单项，如图9-47所示。菜单菜单1932021-12-9（）设置Form1窗体的ContextMenuStrip属性为contextMenuStrip1，运行程序，在窗体上单击鼠标右键，运行效果如图

23、9-48所示。菜单菜单1942021-12-9除了菜单，工具栏（toolbar）也是快速执行某些操作的常用方式之一，在.NET类库中提供了ToolStrip控件来方便地实现工具栏界面。工具栏必须依靠在某个窗体上，可以包含多个工具栏项目（ToolStripItem），不同的项目具有不同的功能和意义。在.NET类库中，工具栏可以包含以下8种不同类型的工具栏项目：Label类型：和Label控件类似，通常在工具栏上提示静态文本。Button类型：和Button控件类似，通常通过鼠标单击事件来引发某个具体的操作。工具栏工具栏1952021-12-9ComboBox类型：和ComboBox控件类似，通常

24、在工具栏上提供一些可选项的选择，并通过SelectedIndexChanged事件来引起某个具体的操作。TextBox 类型：和TextBox控件类似，通常在工具栏上让用户输入数据。SplitButton类型：具有同步下拉菜单选项。DropDownButton类型：具有下拉菜单的工具栏项目。ProgressBar类型：进度条样式工具栏项目，通常在工具栏上进行进度提示。Separator类型：工具栏分隔符，以灰色的“|”表示。工具栏工具栏1962021-12-9不同类型的工具栏项目具有不同的常用事件需要处理:Button类型通常以处理Click事件来完成单击当前菜单需要执行的操作；ComboBo

25、x类型则通常处理SelectedIndexChanged事件来判定选择变动的处理，同时也可以提供用户数据的输入和输出；TextBox类型则主要提供用户数据的输入，也可以通过响应TextChanged、KeyPress等事件实现一些扩展功能。工具栏的添加和创建比较简单，具体步骤见下例所示。工具栏工具栏1972021-12-9【例例9-21】ToolStrip控件的运用。（1）打开上一小节中的程序，添加ToolStrip控件，如图9-49所示。可以看到窗体中多出一个工具栏，下方显出toolStrip1控件。工具栏工具栏1982021-12-9（2）单击工具栏上的提示图标，如图9-50所示。仿照上一

26、小节中的菜单项建立相应的工具栏按钮。工具栏工具栏1992021-12-9（3）运行程序，结果如图9-51所示。工具栏工具栏2002021-12-92012021-12-92022021-12-92032021-12-92042021-12-92052021-12-92062021-12-92072021-12-92082021-12-92092021-12-92102021-12-92112021-12-92122021-12-9213通常，Windows窗体之间会发生数据交互，主窗体需要将数据传递到弹出窗体，有时弹出窗体修改数据后需要把新数据返回主窗体。弹出窗体和父窗体之间的数据交互，通常采

27、用以下3种方式：属性：弹出窗体通过读写属性将数据传递到父窗体，接收父窗体数据。方法：弹出窗体通过构造函数或方法将数据传递到父窗体，接收父窗体数据。事件：弹出窗体通过事件的方式通知父窗体有数据需要进行交互。2021-12-9通过在弹出窗体中，添加相应的读写属性实现窗体之间的数据交互。【例例9-26】在一个项目中，创建2个窗体，frmLogin用于实现登录，frmWelcome用于显示欢迎信息。显然，这两个窗体之间要有数据的交互。在此通过frmWelcome中的读写属性来实现。（1）设计窗体。此过程较简单，略过。通过属性实现窗体之间的数据交互通过属性实现窗体之间的数据交互2142021-12-9（

28、2）在frmWelcome中添加“姓名”的读写属性。具体代码如下：private string _strName;/姓名属性public string strName get return this._strName; set this._strName = value; 通过属性实现窗体之间的数据交互通过属性实现窗体之间的数据交互2152021-12-9（3）在frmLogin中的“登录”按钮的Click事件中，添加如下代码：private void btnLogin_Click(object sender, EventArgs e) frmWelcome frmwelcome = new frmWelcome();实现窗体间的数据传递 frmwelcome.Show(); （4）在frmWelcome中的窗体Load 事件中，添加如下代码：private void frmWelcome_Load(object sender, EventArgs e)欢迎你 + this.strName + 同学！;通过属性实现窗体之间