第5章教師信息管理系統(tǒng)操作界面設(shè)計

5.1教師信息管理系統(tǒng)操作界面簡介

5.2基本操作

5.3教師信息管理系統(tǒng)操作界面的實現(xiàn)

5.4上機(jī)實訓(xùn)

5.1教師信息管理系統(tǒng)操作界面簡介

操作界面如圖5-1。

圖5-1操作界面運(yùn)行結(jié)果5.1教師信息管理系統(tǒng)操作界面簡介

操作界面有5項主要功能。（1）單擊“專任教師”按鈕，進(jìn)入“專任教師”界面。（2）單擊“校內(nèi)兼課”按鈕，進(jìn)入“校內(nèi)兼課”界面。（3）單擊“校外兼課”按鈕，進(jìn)入“校外兼課”界面。（4）單擊“教師變動”按鈕，進(jìn)入“教師變動”界面。（5）單擊“退出系統(tǒng)”按鈕，退出系統(tǒng)。5.2基本操作5.2.1ToolStrip控件ToolStrip控件是工具欄控件。該控件在工具箱中的圖標(biāo)為。表5-1ToolStrip控件常用成員成員說明Items屬性工具欄按鈕T00lStripButton的集合Dock屬性設(shè)置工具欄停靠的位置ItemClicked事件當(dāng)用戶單擊工具欄時，將觸發(fā)該事件，該事件內(nèi)的程序代碼就會被執(zhí)行一次

【例5-1】ToolStrip控件應(yīng)用。創(chuàng)建Windows應(yīng)用程序,在窗體上添加一個ToolStrip控件和一個Label控件，在ToolStrip控件上設(shè)置三個按鈕，如圖5-2所示，程序運(yùn)行后，當(dāng)單擊某按鈕時，Label控件顯示單擊此按鈕，如圖5-3所示。

圖5-2例5-1設(shè)計界面圖5-3例5-1運(yùn)行界面【操作】（1）新建項目vcs5_1，在Form1窗體上建立一個toolStrip1控件和一個label1控件。（2）進(jìn)入項集合編輯器。選擇toolStrip1控件的Items屬性，單擊“”按鈕，進(jìn)入“項集合編輯器”，如圖5-4所示。圖5-4進(jìn)入“項集合編輯器”窗體（3）在“項集合編輯器”窗體中，單擊“添加”按鈕，在右窗口的屬性中，設(shè)置“Text”屬性為“按鈕1”，設(shè)置“DisplayStyle”屬性為“Text”；同理，再分別單擊“添加”按鈕，在右窗口的屬性中，分別設(shè)置“Text”屬性為“按鈕2”、“按鈕3”，設(shè)置“DisplayStyle”屬性為“Text”，然后單擊確定按鈕，如圖5-5所示。

圖5-5“項集合編輯器”窗體（4）設(shè)置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控件是設(shè)計月歷的控件。該控件在工具箱中的圖標(biāo)為。表5-2MonthCalendar控件常用成員成員說明FirstDayOfWeek屬性設(shè)置星期幾為一周的第一天，默認(rèn)是星期日Font屬性設(shè)置顯示文本的字體ForeColor屬性設(shè)置文本的顏色Locked屬性設(shè)置是否可以移動控件ShowToday屬性設(shè)置是否在月歷底部顯示“今天”的日期ShowTodayCircle屬性設(shè)置是否在“今天”的日期上加標(biāo)記【例5-2】MonthCalendar控件應(yīng)用。創(chuàng)建Windows應(yīng)用程序,在窗體上添加一個MonthCalendar控件、一個Button控件和二個Label控件，設(shè)計界面如圖5-6所示，程序運(yùn)行后，當(dāng)單擊確定按鈕時，顯示選擇的時間，如圖5-7所示。圖5-6例5-2設(shè)計界面圖5-7例5-2運(yùn)行界面【操作】（1）新建項目vcs5_2，在Form1窗體上建立一個MonthCalendar控件、一個Button控件和二個Label控件。（2）設(shè)置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、圖標(biāo)（ICO）或圖元文件（WMF）中的圖像。該控件在工具箱中的圖標(biāo)為。表5-3PictureBox控件常用成員

成員說明Image屬性設(shè)置PictureBox顯示的圖像SizeMode屬性設(shè)置圖像顯示的模式如果通過編程方法設(shè)置Image屬性，通常采用以下二種方式。（1）通過Bitmap類的對象賦值給Image屬性。若文件在項目主目錄下的bin\Debug中，設(shè)置方法如下：Bitmapa=newBitmap(圖像文件名);PictureBox對象名.Image=a;或PictureBox對象名.Image=newBitmap(圖像文件名);（2）通過Image.FromFile方法直接從文件中加載。PictureBox對象名.Image=Image.FromFile（圖像文件名);

表5-4SizeMode屬性值屬性值說明Normal圖像被置于PictureBox的左上角，如果圖像比PictureBox大，則該圖像將被裁掉StretchImagePictureBox的圖像被拉伸或收縮，以適合PictureBox的大小AutoSize調(diào)整PictureBox的大小，使其與所顯示的圖像大小相同CenterImage如果PictureBox比圖像大，則圖像將居中顯示。如果圖像比PictureBox大，則圖像將居于PictureBox中心，而外邊緣被剪裁掉【例5-3】PictureBox控件應(yīng)用。創(chuàng)建Windows應(yīng)用程序,在窗體上添加一個PictureBox控件、一個Label控件，程序運(yùn)行時，單擊PictureBox控件，顯示項目主目錄下的bin\Debug中的圖像，Label控件顯示當(dāng)前的圖像編號。如圖5-8所示。

圖5-8例5-3運(yùn)行界面（1）新建項目vcs5_3，在Form1窗體上建立一個PictureBox控件、一個Label控件。（2）在MicrosoftVisualStudio8\Common7\VS2005ImageLibrary\VS2005ImageLibrary\bitmaps\commands\16color下，復(fù)制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是非可視化定時器控件。按一定的時間間隔周期性的觸發(fā)Tick事件。該控件在工具箱中的圖標(biāo)為。表5-5Timer控件常用成員成員說明Enabled屬性設(shè)置Timer是否啟用，值為ture時，定時器正在運(yùn)行，值為false時，定時器沒有運(yùn)行Interval屬性設(shè)置定時器兩次Tick事件發(fā)生的時間間隔，以毫秒為單位。如果值為100，則每隔0.1秒發(fā)生一次Tick事件Start方法啟動定時器。調(diào)用格式：Timer控件名.start();Stop方法停止定時器。調(diào)用格式：Timer控件名.stop();Tick事件每隔Interval時間后觸發(fā)一次該事件【例5-4】Timer控件應(yīng)用。創(chuàng)建Windows應(yīng)用程序,在窗體上添加一個Timer控件和一個Label控件，程序運(yùn)行時，Label控件自右向左移動。如圖5-9所示。圖5-9例5-4運(yùn)行界面【操作】（1）新建項目vcs5_4，在Form1窗體上建立一個Timer控件、一個Label控件。（2）設(shè)置label1控件的“Text”屬性為“自右向左移動”，BackColor設(shè)為“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教師信息管理系統(tǒng)操作界面的實現(xiàn)1．添加“專任教師”窗體（1）打開第四章“jsgl”項目。（2）單擊“項目”→“添加Windows窗體”命令，彈出“添加新項”對話框。然后在“名稱”文本框中輸入“zrjs”，單擊“添加”按鈕2．添加“校內(nèi)兼課”窗體（1）打開“jsgl”項目。（2）單擊“項目”→“添加Windows窗體”命令，彈出“添加新項”對話框。然后在“名稱”文本框中輸入“xnjk”，單擊“添加”按鈕。5.3.2設(shè)計工具欄（1）打開“jsgl”項目，在“解決方案資源管理器”中雙擊“czjm”窗體。（2）選擇工具箱中的“菜單和工具欄”，拖放一個ToolStrip控件到“czjm”窗體上，如圖5-10所示。（3）進(jìn)入項集合編輯器。選擇toolStrip1控件的Items屬性，單擊“”按鈕，進(jìn)入“項集合編輯器”，如圖5-11所示。

圖5-10添加ToolStrip控件到“czjm”窗體圖5-11進(jìn)入“項集合編輯器”窗體（4）在“項集合編輯器”窗體中，單擊“添加”按鈕，在右窗口的屬性中，設(shè)置“Text”屬性為“專任教師”，設(shè)置“DisplayStyle”屬性為“Text”；同理，再單擊“添加”按鈕，在右窗口的屬性中，設(shè)置“Text”屬性為“校內(nèi)兼課”，設(shè)置“DisplayStyle”屬性為“Text”，然后單擊確定按鈕，如圖5-12所示。圖5-12“項集合編輯器”窗體（5）設(shè)置窗體和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”窗體上。設(shè)置monthCalendar1的“Location”屬性為“82,34”，“BackColor”屬性為“255,255,192”，“Font”屬性為“宋體,15pt”，“ForeColor”屬性為“InactiveCaption”，“TitleBackColorr”屬性為“ActiveBorder”。（3）在“czjm”窗體上建立一個Timer。設(shè)置timer1的“Enabled”屬性為“True”，“Interval”屬性為“350”。4）在“czjm”窗體上建立四個PictureBox控件，分別將“Name”屬性更名為pic和pic1-pic3，并將pic1-pic3的“Visible”屬性設(shè)為“False”(隱藏)，“SizeMode”屬性設(shè)為“AutoSize”。在MicrosoftVisualStudio8\Common7\VS2005ImageLibrary\VS2005ImageLibrary\bitmaps\commands\16color下，依次分別將Zoom、ZoomIn、ZoomOut圖片加載到三個圖片框內(nèi)。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上機(jī)實訓(xùn)一、實訓(xùn)目的1．掌握ToolBar控件的應(yīng)用。2．掌握MonthCalendar控件的應(yīng)用。3．掌握PictureBox控件的應(yīng)用。4．掌握Timer控件的應(yīng)用。5．掌握工具欄的設(shè)計方法。二、實驗內(nèi)容1.第5.3.1節(jié)“添加窗體”。2.第5.3.2節(jié)“設(shè)計工具欄”。3.第5.3.3節(jié)“添加控件”。4.添加“校外兼課”與“教師變動”窗體。（1）打開第五章“jsgl”項目。（2）單擊“項目”→“添加Windows窗體”命令，彈出“添加新項”對話框。然后在“名稱”文本框中輸入“xwjk”，單擊“添加”按鈕。（3）單擊“項目”→“添加Windows窗體”命令，彈出“添加新項”對話框。然后在“名稱”文本框中輸入“jsbd”，單擊“添加”按鈕。5.設(shè)計工具欄。（1）打開“jsgl”項目，在“解決方案資源管理器”中雙擊“czjm”窗體。（2）進(jìn)入項集合編輯器。選擇toolStrip1控件的Items屬性，單擊“”按鈕，進(jìn)入“項集合編輯器”。（3）在“項集合編輯器”窗體中，單擊“添加”按鈕，在右窗口的屬性中，設(shè)置“Text”屬性為“校外兼課”，設(shè)置“DisplayStyle”屬性為“Text”；同理，再單擊“添加”按鈕，在右窗口的屬性中，設(shè)置“Text”屬性為“教師變動”，設(shè)置“DisplayStyle”屬性為“Text”，然后單擊確定按鈕。再單擊“添加”按鈕，在右窗口的屬性中，設(shè)置“Text”屬性為“退出系統(tǒng)”，設(shè)置“DisplayStyle”屬性為“Text”，然后單擊確定按鈕。（4）編寫程序代碼。雙擊toolStrip1控件，編寫程序代碼：privatevoidtoolStrip1_ItemClicked(objectsender,ToolStripItemClickedEventArgse){switch(toolStrip1.Items.IndexOf(e.ClickedItem)){case0://同第5.3.2節(jié)“設(shè)計工具欄”程序，下同

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("確認(rèn)退出系統(tǒng)"