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

第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 1Visual C#.NET7/14/20245.1 5.1 教师信息管理系统操作界面简介教师信息管理系统操作界面简介教师信息管理系统操作界面简介教师信息管理系统操作界面简介 5.2 5.2 基本操作基本操作基本操作基本操作 5.3 5.3 教师信息管理系统操作界面的实现教师信息管理系统操作界面的实现教师信息管理系统操作界面的实现教师信息管理系统操作界面的实现 5.4 5.4 上机实训上机实训上机实训上机实训 第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 2Visual C#.NET7/14/20245.1教师信息管理系统操作界面简介教师信息管理系统操作界面简介教师信息管理系统操作界面简介教师信息管理系统操作界面简介 操作界面如图操作界面如图5-1。图图5-1 操作界面运行结果操作界面运行结果第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 3Visual C#.NET7/14/20245.1教师信息管理系统操作界面简介教师信息管理系统操作界面简介教师信息管理系统操作界面简介教师信息管理系统操作界面简介 操作界面有操作界面有5项主要功能。项主要功能。（1）单击）单击“专任教师专任教师”按钮，进入按钮，进入“专任教师专任教师”界面。界面。（2）单击）单击“校内兼课校内兼课”按钮，进入按钮，进入“校内兼课校内兼课”界面。界面。（3）单击）单击“校外兼课校外兼课”按钮，进入按钮，进入“校外兼课校外兼课”界面。界面。（4）单击）单击“教师变动教师变动”按钮，进入按钮，进入“教师变动教师变动”界面。界面。（5）单击）单击“退出系统退出系统”按钮，退出系统。按钮，退出系统。第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 4Visual C#.NET7/14/20245.2 基本操作基本操作5.2.1 ToolStrip控件ToolStrip控件是工具栏控件。控件是工具栏控件。该控件在工具箱中的图标为该控件在工具箱中的图标为 。表表5-1 ToolStrip控件常用成员控件常用成员成员成员说明说明Items属性属性工具栏按钮工具栏按钮T00lStripButton的集合的集合Dock属性属性设置工具栏停靠的位置设置工具栏停靠的位置ItemClicked事件事件当用户单击工具栏时，将触发该事件，该事件内当用户单击工具栏时，将触发该事件，该事件内的程序代码就会被执行一次的程序代码就会被执行一次第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 5Visual C#.NET7/14/2024 【例例5-1】ToolStrip控件应用。创建控件应用。创建Windows应用程应用程序序,在窗体上添加一个在窗体上添加一个ToolStrip控件和一个控件和一个Label控控件，在件，在ToolStrip控件上设置三个按钮，如图控件上设置三个按钮，如图5-2所示，所示，程序运行后，当单击某按钮时，程序运行后，当单击某按钮时，Label控件显示单击控件显示单击此按钮，如图此按钮，如图5-3所示。所示。第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 6Visual C#.NET7/14/2024 图图5-2例例5-1设计界面设计界面 图图5-3例例5-1运行界面运行界面第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 7Visual C#.NET7/14/2024【操作操作】（1）新建项目）新建项目vcs5_1，在，在Form1窗体上建立一个窗体上建立一个toolStrip1控件控件和一个和一个label1控件。控件。（2）进入项集合编辑器。选择）进入项集合编辑器。选择toolStrip1控件的控件的Items属性，单属性，单击击“”按钮，进入按钮，进入“项集合编辑器项集合编辑器”，如图，如图5-4所示。所示。第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 8Visual C#.NET7/14/2024 图图5-4进入进入“项集合编辑器项集合编辑器”窗体窗体第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 9Visual C#.NET7/14/2024（3）在）在“项集合编辑器项集合编辑器”窗体中，单击窗体中，单击“添加添加”按钮，在右窗按钮，在右窗口的属性中，设置口的属性中，设置“Text”属性为属性为“按钮按钮1”，设置，设置“DisplayStyle”属性为属性为“Text”；同理，再分别单击；同理，再分别单击“添添加加”按钮，在右窗口的属性中，分别设置按钮，在右窗口的属性中，分别设置“Text”属性为属性为“按钮按钮2”、“按钮按钮3”，设置，设置“DisplayStyle”属性为属性为“Text”，然后单击确定按钮，如图，然后单击确定按钮，如图5-5所示。所示。第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 10Visual C#.NET7/14/2024 图图5-5“项集合编辑器项集合编辑器”窗体窗体（4）设置）设置label1控件的控件的“Text”属性为空，属性为空，“AutoSize”属性为属性为“False”，“Location”属性为属性为“36,81”“Size”属性为属性为“198,40”。第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 11Visual C#.NET7/14/2024（5）编写程序代码。双击）编写程序代码。双击toolStrip1控件，编写程序代码：控件，编写程序代码：private void toolStrip1_ItemClicked(objectsender,ToolStripItemClickedEventArgs e)switch(toolStrip1.Items.IndexOf(e.ClickedItem)case 0:label1.Text=你单击的是按钮你单击的是按钮1;break;case 1:label1.Text=你单击的是按钮你单击的是按钮2;break;case 2:label1.Text=你单击的是按钮你单击的是按钮3;break;第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 12Visual C#.NET7/14/20245.2.25.2.2 MonthCalendar控件控件MonthCalendar控件是设计月历的控件。控件是设计月历的控件。该控件在工具箱中的图标为该控件在工具箱中的图标为 。表表5-2 MonthCalendar控件常用成员控件常用成员 成成员说明明FirstDayOfWeek属性属性设置星期几置星期几为一周的第一天，默一周的第一天，默认是星期日是星期日 Font属性属性设置置显示文本的字体示文本的字体ForeColor属性属性设置文本的置文本的颜色色Locked属性属性设置是否可以移置是否可以移动控件控件ShowToday属性属性设置是否在月置是否在月历底部底部显示示“今天今天”的日期的日期ShowTodayCircle属性属性设置是否在置是否在“今天今天”的日期上加的日期上加标记第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 13Visual C#.NET7/14/2024【例例5-2】MonthCalendar控件应用。创建控件应用。创建Windows应用程序应用程序,在窗体上添加一个在窗体上添加一个MonthCalendar控件、一个控件、一个Button控件和控件和二个二个Label控件，设计界面如图控件，设计界面如图5-6所示，程序运行后，当单所示，程序运行后，当单击确定按钮时，显示选择的时间，如图击确定按钮时，显示选择的时间，如图5-7所示。所示。第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 14Visual C#.NET7/14/2024 图图5-6 例例5-2设计界面设计界面 图图5-7 例例5-2运行界面运行界面第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 15Visual C#.NET7/14/2024【操作操作】（1）新建项目）新建项目vcs5_2，在，在Form1窗体上建立一个窗体上建立一个MonthCalendar控件、一个控件、一个Button控件和二个控件和二个Label控件。控件。（2）设置）设置label1控件的控件的“Text”属性为属性为“请选择日期请选择日期”，label2控件的控件的“Text”属性为空，属性为空，button1控件的控件的“Text”属性为属性为“确定确定”。第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 16Visual C#.NET7/14/2024（3）编写程序代码。双击）编写程序代码。双击button1控件，编写程序代码：控件，编写程序代码：private void button1_Click(object sender,EventArgs e)label2.Text=string.Format(你选择的日期是你选择的日期是:0,monthCalendar1.SelectionRange.Start);第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 17Visual C#.NET7/14/20245.2.35.2.3 PictureBox控件控件PictureBox图片框控件用于显示位图（图片框控件用于显示位图（BMP）、）、GIF、JPGE、图标（图标（ICO）或图元文件（）或图元文件（WMF）中的图像。）中的图像。该控件在工具箱中的图标为该控件在工具箱中的图标为 。表表5-3 PictureBox控件常用成员控件常用成员 成成员说明明Image属性属性设置置PictureBox显示的示的图像像 SizeMode属性属性设置置图像像显示的模式示的模式第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 18Visual C#.NET7/14/2024如果通过编程方法设置如果通过编程方法设置Image属性，通常采用以下二种方式。属性，通常采用以下二种方式。（1）通过）通过Bitmap类的对象赋值给类的对象赋值给Image属性。若文件在项目主属性。若文件在项目主目录下的目录下的binDebug中，设置方法如下：中，设置方法如下：Bitmap a=new Bitmap(图像文件名图像文件名);PictureBox对象名对象名.Image=a;或或PictureBox对象名对象名.Image=new Bitmap(图像文件名图像文件名);第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 19Visual C#.NET7/14/2024（2）通过）通过Image.FromFile方法直接从文件中加载。方法直接从文件中加载。PictureBox对象名对象名.Image=Image.FromFile（图像文件名（图像文件名);表表5-4 SizeMode属性值属性值属性属性值说明明Normal图像被置于像被置于PictureBox的左上角，如果的左上角，如果图像比像比PictureBox大，大，则该图像将被裁掉像将被裁掉 StretchImagePictureBox的的图像被拉伸或收像被拉伸或收缩，以适合，以适合PictureBox的大小的大小AutoSize调整整PictureBox的大小，使其与所的大小，使其与所显示的示的图像大小相同像大小相同CenterImage如果如果PictureBox比比图像大，像大，则图像将居中像将居中显示。如果示。如果图像像比比PictureBox大，大，则图像将居于像将居于PictureBox中心，而外中心，而外边缘被剪裁掉被剪裁掉第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 20Visual C#.NET7/14/2024【例例5-3】PictureBox控件应用。创建控件应用。创建Windows应用程序应用程序,在窗在窗体上添加一个体上添加一个PictureBox控件、一个控件、一个Label控件，程序运行时，控件，程序运行时，单击单击PictureBox控件，显示项目主目录下的控件，显示项目主目录下的binDebug中的图中的图像，像，Label控件显示当前的图像编号。如图控件显示当前的图像编号。如图5-8所示。所示。图图5-8 例例5-3运行界面运行界面 第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 21Visual C#.NET7/14/2024（1）新建项目）新建项目vcs5_3，在，在Form1窗体上建立一个窗体上建立一个PictureBox控控件、一个件、一个Label控件。控件。（2）在）在Microsoft Visual Studio 8Common7VS2005ImageLibraryVS2005ImageLibrary bitmapscommands16color下，复制下，复制Zoom、ZoomIn、ZoomOut图片到项目主目录下的图片到项目主目录下的binDebug中，分别重命名为中，分别重命名为Zoom1、Zoom2、Zoom3。第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 22Visual C#.NET7/14/2024（3）编写程序代码。双击窗体，编写程序代码：）编写程序代码。双击窗体，编写程序代码：int picnum=0;private void Form1_Load(object sender,EventArgs e)pictureBox1.Image=new Bitmap(Zoom1+.BMP);label1.Text=第第1张图片张图片;第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 23Visual C#.NET7/14/2024pictureBox1的的Click事件程序代码：事件程序代码：private void pictureBox1_Click(object sender,EventArgs e)picnum=(picnum+1)%3;pictureBox1.Image=new Bitmap(Zoom+(picnum+1)+.BMP);label1.Text=第第+(picnum+1)+张图片张图片;第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 24Visual C#.NET7/14/20245.2.35.2.3 Timer控件控件Timer是非可视化定时器控件。按一定的时间间隔周期性的触发是非可视化定时器控件。按一定的时间间隔周期性的触发Tick事件。事件。该控件在工具箱中的图标为该控件在工具箱中的图标为 。表表5-5 Timer控件常用成员控件常用成员成成员说明明Enabled属性属性设置置Timer是否启用，是否启用，值为ture时，定，定时器正在运行，器正在运行，值为false时，定，定时器没有运行器没有运行 Interval属性属性设置定置定时器两次器两次Tick事件事件发生的生的时间间隔，以毫秒隔，以毫秒为单位。如果位。如果值为100，则每隔每隔0.1秒秒发生一次生一次Tick事件事件Start方法方法启启动定定时器。器。调用格式：用格式：Timer控件名控件名.start();Stop方法方法停止定停止定时器。器。调用格式：用格式：Timer控件名控件名.stop();Tick事件事件 每隔每隔Interval时间后触后触发一次一次该事件事件第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 25Visual C#.NET7/14/2024【例例5-4】Timer控件应用。创建控件应用。创建Windows应用程序应用程序,在窗体上添在窗体上添加一个加一个Timer控件和一个控件和一个Label控件，程序运行时，控件，程序运行时，Label控件控件自右向左移动。如图自右向左移动。如图5-9所示。所示。图图5-9 例例5-4运行界面运行界面第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 26Visual C#.NET7/14/2024【操作操作】（1）新建项目）新建项目vcs5_4，在，在Form1窗体上建立一个窗体上建立一个Timer控件、控件、一个一个Label控件。控件。（2）设置）设置label1控件的控件的“Text”属性为属性为“自右向左移动自右向左移动”，BackColor设为设为“250，128，0”。第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 27Visual C#.NET7/14/2024（3）编写程序代码。编写程序代码：）编写程序代码。编写程序代码：bool runLeft=true;private void Form1_Load(object sender,EventArgs e)timer1.Enabled=true;timer1.Interval=10;第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 28Visual C#.NET7/14/2024 private void timer1_Tick(object sender,EventArgs e)if(runLeft)label1.Left-=1;if(label1.Left+label1.Width 2)picNo=0;pic.Image=picspicNo.Image;if(pic.Left 0)pic.Left-=10;else pic.Left=this.Width;第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 41Visual C#.NET7/14/20245.4 上机实训上机实训一、实训实训目的1掌握掌握ToolBar控件的应用。控件的应用。2掌握掌握MonthCalendar控件的应用。控件的应用。3掌握掌握PictureBox控件的应用。控件的应用。4掌握掌握Timer控件的应用。控件的应用。5掌握工具栏的设计方法。掌握工具栏的设计方法。第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 42Visual C#.NET7/14/2024二、实验内容1.第第 5.3.1节节“添加窗体添加窗体”。2.第第 5.3.2节节“设计工具栏设计工具栏”。3.第第 5.3.3节节“添加控件添加控件”。4.添加添加“校外兼课校外兼课”与与“教师变动教师变动”窗体。窗体。（1）打开第五章）打开第五章“jsgl”项目。项目。（2）单击）单击“项目项目”“添加添加Windows窗体窗体”命令，弹出命令，弹出“添加添加新项新项”对话框。然后在对话框。然后在“名称名称”文本框中输入文本框中输入“xwjk”，单，单击击“添加添加”按钮。按钮。第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 43Visual C#.NET7/14/2024（3）单击）单击“项目项目”“添加添加Windows窗体窗体”命令，弹出命令，弹出“添加添加新项新项”对话框。然后在对话框。然后在“名称名称”文本框中输入文本框中输入“jsbd”，单，单击击“添加添加”按钮。按钮。5.设计工具栏。设计工具栏。（1）打开）打开“jsgl”项目，在项目，在“解决方案资源管理器解决方案资源管理器”中双击中双击“czjm”窗体。窗体。（2）进入项集合编辑器。选择）进入项集合编辑器。选择toolStrip1控件的控件的Items属性，单属性，单击击“”按钮，进入按钮，进入“项集合编辑器项集合编辑器”。第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 44Visual C#.NET7/14/2024（3）在）在“项集合编辑器项集合编辑器”窗体中，单击窗体中，单击“添加添加”按钮，在右窗按钮，在右窗口的属性中，设置口的属性中，设置“Text”属性为属性为“校外兼课校外兼课”，设置，设置“DisplayStyle”属性为属性为“Text”；同理，再单击；同理，再单击“添加添加”按钮，在右窗口的属性中，设置按钮，在右窗口的属性中，设置“Text”属性为属性为“教师变动教师变动”，设置，设置“DisplayStyle”属性为属性为“Text”，然后单击确定，然后单击确定按钮。再单击按钮。再单击“添加添加”按钮，在右窗口的属性中，设置按钮，在右窗口的属性中，设置“Text”属性为属性为“退出系统退出系统”，设置，设置“DisplayStyle”属性属性为为“Text”，然后单击确定按钮。，然后单击确定按钮。（4）编写程序代码。双击）编写程序代码。双击toolStrip1控件，编写程序代码：控件，编写程序代码：第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 45Visual C#.NET7/14/2024private void toolStrip1_ItemClicked(object sender,ToolStripItemClickedEventArgs e)switch(toolStrip1.Items.IndexOf(e.ClickedItem)case 0:/同第同第 5.3.2节节“设计工具栏设计工具栏”程序，下同程序，下同 zrjs zrjsForm=new zrjs();/同上同上 zrjsForm.Show();/同上同上 break;/同上同上 case 1:/同上同上 xnjk xnjkForm=new xnjk();/同上同上 xnjkForm.Show();/同上同上 break;/同上同上第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 46Visual C#.NET7/14/2024 case 2:xwjk xwjkForm=new xwjk();xwjkForm.Show();break;case 3:jsbd jsbdForm=new jsbd();jsbdForm.Show();break;第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 47Visual C#.NET7/14/2024 case 4:if(MessageBox.Show(确认退出系统确认退出系统,退出退出,MessageBoxButtons.YesNo,MessageBoxIcon.Question)=DialogResult.Yes)Application.Exit();break;default:break;第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 48Visual C#.NET7/14/20246.添加控件。添加控件。（1）打开）打开“jsgl”项目，在项目，在“解决方案资源管理器解决方案资源管理器”中双击中双击“czjm”窗体。窗体。（2）在）在“czjm”窗体上建立一个窗体上建立一个Label控件。控件。（3）编写程序代码。编写程序代码：）编写程序代码。编写程序代码：int picNo=0;/同第同第 5.3.3节节“添加控件添加控件”程序，下同程序，下同 PictureBox pics;/同上同上第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 49Visual C#.NET7/14/2024private void czjm_Load(object sender,EventArgs e)pic.Location=new Point(this.Width,270);/pics=new PictureBox pic1,pic2,pic3;/同上同上label1.Location=new Point(this.Width,300);第第5章章 教师信息管理系统操作界面设计教师信息管理系统操作界面设计 50Visual C#.NET7/14/2024 private void timer1_Tick(object sender,EventArgs e)picNo+;/同上同上 if(picNo 2)picNo=0;/同上同上 pic.Image=picspicNo.Image;/同上同上 if(pic.Left 0)/同上同上 pic.Left-=10;/同上同上 else /同上同上 pic.Left=this.Width;/同上同上 if(label1.Left 0)label1.Left-=10;else label1.Left=this.Width;label1.Text=DateTime.Now.ToString();