第5章教师信息管理系统操作界面设计

5.1教师信息管理系统操作界面简介

5.2基本操作

5.3教师信息管理系统操作界面的实现

5.4上机实训

5.1教师信息管理系统操作界面简介

操作界面如图5-1。

图5-1操作界面运行结果5.1教师信息管理系统操作界面简介

操作界面有5项主要功能。（1）单击“专任教师”按钮，进入“专任教师”界面。（2）单击“校内兼课”按钮，进入“校内兼课”界面。（3）单击“校外兼课”按钮，进入“校外兼课”界面。（4）单击“教师变动”按钮，进入“教师变动”界面。（5）单击“退出系统”按钮，退出系统。5.2基本操作5.2.1ToolStrip控件ToolStrip控件是工具栏控件。该控件在工具箱中的图标为。表5-1ToolStrip控件常用成员成员说明Items属性工具栏按钮T00lStripButton的集合Dock属性设置工具栏停靠的位置ItemClicked事件当用户单击工具栏时，将触发该事件，该事件内的程序代码就会被执行一次

【例5-1】ToolStrip控件应用。创建Windows应用程序,在窗体上添加一个ToolStrip控件和一个Label控件，在ToolStrip控件上设置三个按钮，如图5-2所示，程序运行后，当单击某按钮时，Label控件显示单击此按钮，如图5-3所示。

图5-2例5-1设计界面图5-3例5-1运行界面【操作】（1）新建项目vcs5_1，在Form1窗体上建立一个toolStrip1控件和一个label1控件。（2）进入项集合编辑器。选择toolStrip1控件的Items属性，单击“”按钮，进入“项集合编辑器”，如图5-4所示。图5-4进入“项集合编辑器”窗体（3）在“项集合编辑器”窗体中，单击“添加”按钮，在右窗口的属性中，设置“Text”属性为“按钮1”，设置“DisplayStyle”属性为“Text”；同理，再分别单击“添加”按钮，在右窗口的属性中，分别设置“Text”属性为“按钮2”、“按钮3”，设置“DisplayStyle”属性为“Text”，然后单击确定按钮，如图5-5所示。

图5-5“项集合编辑器”窗体（4）设置label1控件的“Text”属性为空，“AutoSize”属性为“False”，“Location”属性为“36,81”“Size”属性为“198,40”。（5）编写程序代码。双击toolStrip1控件，编写程序代码：privatevoidtoolStrip1_ItemClicked(objectsender,ToolStripItemClickedEventArgse){switch(toolStrip1.Items.IndexOf(e.ClickedItem)){case0:label1.Text="你单击的是按钮1";break;case1:label1.Text="你单击的是按钮2";break;case2:label1.Text="你单击的是按钮3";break;}}

5.2.2MonthCalendar控件

MonthCalendar控件是设计月历的控件。该控件在工具箱中的图标为。表5-2MonthCalendar控件常用成员成员说明FirstDayOfWeek属性设置星期几为一周的第一天，默认是星期日Font属性设置显示文本的字体ForeColor属性设置文本的颜色Locked属性设置是否可以移动控件ShowToday属性设置是否在月历底部显示“今天”的日期ShowTodayCircle属性设置是否在“今天”的日期上加标记【例5-2】MonthCalendar控件应用。创建Windows应用程序,在窗体上添加一个MonthCalendar控件、一个Button控件和二个Label控件，设计界面如图5-6所示，程序运行后，当单击确定按钮时，显示选择的时间，如图5-7所示。图5-6例5-2设计界面图5-7例5-2运行界面【操作】（1）新建项目vcs5_2，在Form1窗体上建立一个MonthCalendar控件、一个Button控件和二个Label控件。（2）设置label1控件的“Text”属性为“请选择日期”，label2控件的“Text”属性为空，button1控件的“Text”属性为“确定”。（3）编写程序代码。双击button1控件，编写程序代码：privatevoidbutton1_Click(objectsender,EventArgse){label2.Text=string.Format("你选择的日期是:{0}",monthCalendar1.SelectionRange.Start);}5.2.3PictureBox控件

PictureBox图片框控件用于显示位图（BMP）、GIF、JPGE、图标（ICO）或图元文件（WMF）中的图像。该控件在工具箱中的图标为。表5-3PictureBox控件常用成员

成员说明Image属性设置PictureBox显示的图像SizeMode属性设置图像显示的模式如果通过编程方法设置Image属性，通常采用以下二种方式。（1）通过Bitmap类的对象赋值给Image属性。若文件在项目主目录下的bin\Debug中，设置方法如下：Bitmapa=newBitmap(图像文件名);PictureBox对象名.Image=a;或PictureBox对象名.Image=newBitmap(图像文件名);（2）通过Image.FromFile方法直接从文件中加载。PictureBox对象名.Image=Image.FromFile（图像文件名);

表5-4SizeMode属性值属性值说明Normal图像被置于PictureBox的左上角，如果图像比PictureBox大，则该图像将被裁掉StretchImagePictureBox的图像被拉伸或收缩，以适合PictureBox的大小AutoSize调整PictureBox的大小，使其与所显示的图像大小相同CenterImage如果PictureBox比图像大，则图像将居中显示。如果图像比PictureBox大，则图像将居于PictureBox中心，而外边缘被剪裁掉【例5-3】PictureBox控件应用。创建Windows应用程序,在窗体上添加一个PictureBox控件、一个Label控件，程序运行时，单击PictureBox控件，显示项目主目录下的bin\Debug中的图像，Label控件显示当前的图像编号。如图5-8所示。

图5-8例5-3运行界面（1）新建项目vcs5_3，在Form1窗体上建立一个PictureBox控件、一个Label控件。（2）在MicrosoftVisualStudio8\Common7\VS2005ImageLibrary\VS2005ImageLibrary\bitmaps\commands\16color下，复制Zoom、ZoomIn、ZoomOut图片到项目主目录下的bin\Debug中，分别重命名为Zoom1、Zoom2、Zoom3。（3）编写程序代码。双击窗体，编写程序代码：intpicnum=0;privatevoidForm1_Load(objectsender,EventArgse){pictureBox1.Image=newBitmap("Zoom1"+".BMP");label1.Text="第1张图片";}pictureBox1的Click事件程序代码：privatevoidpictureBox1_Click(objectsender,EventArgse){picnum=(picnum+1)%3;pictureBox1.Image=newBitmap("Zoom"+(picnum+1)+".BMP");label1.Text="第"+(picnum+1)+"张图片";}5.2.3

Timer控件

Timer是非可视化定时器控件。按一定的时间间隔周期性的触发Tick事件。该控件在工具箱中的图标为。表5-5Timer控件常用成员成员说明Enabled属性设置Timer是否启用，值为ture时，定时器正在运行，值为false时，定时器没有运行Interval属性设置定时器两次Tick事件发生的时间间隔，以毫秒为单位。如果值为100，则每隔0.1秒发生一次Tick事件Start方法启动定时器。调用格式：Timer控件名.start();Stop方法停止定时器。调用格式：Timer控件名.stop();Tick事件每隔Interval时间后触发一次该事件【例5-4】Timer控件应用。创建Windows应用程序,在窗体上添加一个Timer控件和一个Label控件，程序运行时，Label控件自右向左移动。如图5-9所示。图5-9例5-4运行界面【操作】（1）新建项目vcs5_4，在Form1窗体上建立一个Timer控件、一个Label控件。（2）设置label1控件的“Text”属性为“自右向左移动”，BackColor设为“250，128，0”。（3）编写程序代码。编写程序代码：boolrunLeft=true;privatevoidForm1_Load(objectsender,EventArgse){timer1.Enabled=true;timer1.Interval=10;}

privatevoidtimer1_Tick(objectsender,EventArgse){if(runLeft){label1.Left-=1;if(label1.Left+label1.Width<=0)runLeft=false;}else{label1.Left=this.Width;runLeft=true;}}5.3教师信息管理系统操作界面的实现1．添加“专任教师”窗体（1）打开第四章“jsgl”项目。（2）单击“项目”→“添加Windows窗体”命令，弹出“添加新项”对话框。然后在“名称”文本框中输入“zrjs”，单击“添加”按钮2．添加“校内兼课”窗体（1）打开“jsgl”项目。（2）单击“项目”→“添加Windows窗体”命令，弹出“添加新项”对话框。然后在“名称”文本框中输入“xnjk”，单击“添加”按钮。5.3.2设计工具栏（1）打开“jsgl”项目，在“解决方案资源管理器”中双击“czjm”窗体。（2）选择工具箱中的“菜单和工具栏”，拖放一个ToolStrip控件到“czjm”窗体上，如图5-10所示。（3）进入项集合编辑器。选择toolStrip1控件的Items属性，单击“”按钮，进入“项集合编辑器”，如图5-11所示。

图5-10添加ToolStrip控件到“czjm”窗体图5-11进入“项集合编辑器”窗体（4）在“项集合编辑器”窗体中，单击“添加”按钮，在右窗口的属性中，设置“Text”属性为“专任教师”，设置“DisplayStyle”属性为“Text”；同理，再单击“添加”按钮，在右窗口的属性中，设置“Text”属性为“校内兼课”，设置“DisplayStyle”属性为“Text”，然后单击确定按钮，如图5-12所示。图5-12“项集合编辑器”窗体（5）设置窗体和ToolStrip控件的属性。（6）编写程序代码。双击toolStrip1控件，编写程序代码：privatevoidtoolStrip1_ItemClicked(objectsender,ToolStripItemClickedEventArgse){

switch(toolStrip1.Items.IndexOf(e.ClickedItem)){

case0:zrjszrjsForm=newzrjs();zrjsForm.Show();break;case1:xnjkxnjkForm=newxnjk();xnjkForm.Show();break;default:break;}}5.3.3添加控件

（1）打开“jsgl”项目，在“解决方案资源管理器”中双击“czjm”窗体。（2）在工具箱中拖放一个MonthCalendar控件到“czjm”窗体上。设置monthCalendar1的“Location”属性为“82,34”，“BackColor”属性为“255,255,192”，“Font”属性为“宋体,15pt”，“ForeColor”属性为“InactiveCaption”，“TitleBackColorr”属性为“ActiveBorder”。（3）在“czjm”窗体上建立一个Timer。设置timer1的“Enabled”属性为“True”，“Interval”属性为“350”。4）在“czjm”窗体上建立四个PictureBox控件，分别将“Name”属性更名为pic和pic1-pic3，并将pic1-pic3的“Visible”属性设为“False”(隐藏)，“SizeMode”属性设为“AutoSize”。在MicrosoftVisualStudio8\Common7\VS2005ImageLibrary\VS2005ImageLibrary\bitmaps\commands\16color下，依次分别将Zoom、ZoomIn、ZoomOut图片加载到三个图片框内。5）编写程序代码。编写程序代码：intpicNo=0;PictureBox[]pics;privatevoidczjm_Load(objectsender,EventArgse){pic.Location=newPoint(this.Width,270);pics=newPictureBox[]{pic1,pic2,pic3};}

privatevoidtimer1_Tick(objectsender,EventArgse){picNo++;if(picNo>2)picNo=0;pic.Image=pics[picNo].Image;if(pic.Left>0)pic.Left-=10;elsepic.Left=this.Width;}5.4上机实训一、实训目的1．掌握ToolBar控件的应用。2．掌握MonthCalendar控件的应用。3．掌握PictureBox控件的应用。4．掌握Timer控件的应用。5．掌握工具栏的设计方法。二、实验内容1.第5.3.1节“添加窗体”。2.第5.3.2节“设计工具栏”。3.第5.3.3节“添加控件”。4.添加“校外兼课”与“教师变动”窗体。（1）打开第五章“jsgl”项目。（2）单击“项目”→“添加Windows窗体”命令，弹出“添加新项”对话框。然后在“名称”文本框中输入“xwjk”，单击“添加”按钮。（3）单击“项目”→“添加Windows窗体”命令，弹出“添加新项”对话框。然后在“名称”文本框中输入“jsbd”，单击“添加”按钮。5.设计工具栏。（1）打开“jsgl”项目，在“解决方案资源管理器”中双击“czjm”窗体。（2）进入项集合编辑器。选择toolStrip1控件的Items属性，单击“”按钮，进入“项集合编辑器”。（3）在“项集合编辑器”窗体中，单击“添加”按钮，在右窗口的属性中，设置“Text”属性为“校外兼课”，设置“DisplayStyle”属性为“Text”；同理，再单击“添加”按钮，在右窗口的属性中，设置“Text”属性为“教师变动”，设置“DisplayStyle”属性为“Text”，然后单击确定按钮。再单击“添加”按钮，在右窗口的属性中，设置“Text”属性为“退出系统”，设置“DisplayStyle”属性为“Text”，然后单击确定按钮。（4）编写程序代码。双击toolStrip1控件，编写程序代码：privatevoidtoolStrip1_ItemClicked(objectsender,ToolStripItemClickedEventArgse){switch(toolStrip1.Items.IndexOf(e.ClickedItem)){case0://同第5.3.2节“设计工具栏”程序，下同

zrjszrjsForm=newzrjs();//同上

zrjsForm.Show();//同上

break;//同上

case1://同上

xnjkxnjkForm=newxnjk();//同上

xnjkForm.Show();//同上

break;//同上

case2: xwjkxwjkForm=newxwjk(); xwjkForm.Show(); break; case3:jsbdjsbdForm=newjsbd(); jsbdForm.Show(); break;

case4: if(MessageBox.Show("确认退出系统"