Windows應(yīng)用程序界面設(shè)計(jì)課件

Windows應(yīng)用程序界面設(shè)計(jì)6.1單窗體界面設(shè)計(jì)6.1.1界面設(shè)計(jì)原則（1）界面布局應(yīng)合理（2）界面上的元素應(yīng)一致（3）文字與用語應(yīng)簡潔（4）顏色使用應(yīng)和諧（5）界面設(shè)計(jì)應(yīng)規(guī)范6.1.2單窗體界面設(shè)計(jì)設(shè)計(jì)的基本步驟是：建立窗體；為窗體添加控件；設(shè)置屬性；添加事件，并編寫事件響應(yīng)過程。6.2菜單界面設(shè)計(jì)有兩種菜單控件用于菜單界面設(shè)計(jì)：MainMenu控件，用于C#.NET1.0中；MenuStrip控件，用于C#.NET2.0中。6.2.1菜單編輯器把MenuStrip控件（MainMenu控件）從工具箱的“菜單和工具欄”選項(xiàng)卡中拖動(dòng)到窗體上，就會(huì)出現(xiàn)菜單編輯器。紅線劃的整體代表MenuStrip

具體各菜單項(xiàng)目稱作ToolStripMenuItem

我們可以編輯菜單項(xiàng)1.添加菜單項(xiàng) 在菜單編輯器內(nèi)，單擊“請(qǐng)?jiān)诖颂庉斎搿蔽谋究?，并輸入在菜單中顯示的文本2.添加快捷鍵（1）在菜單文本中輸入“&”符號(hào)，為菜單項(xiàng)添加Alt訪問鍵。例如，主菜單項(xiàng)“File（&F）”（2）為菜單項(xiàng)添加快捷鍵。設(shè)置菜單項(xiàng)的ShortcutKeys屬性。3.添加分隔線可以通過輸入“-”作為菜單文本，來為菜單項(xiàng)之間加上分隔線。4.編輯菜單項(xiàng)（1）刪除菜單項(xiàng)：可以選中該菜單項(xiàng)，然后按Del鍵。（2）在某一個(gè)菜單項(xiàng)前面插入另一個(gè)菜單項(xiàng)：右擊菜單項(xiàng)，在快捷菜單中選擇【插入】|【MenuItem】。6.2.2MenuStrip

控件MenuStrip控件是窗體上菜單的容器。1.MenuStrip控件（1）常用屬性：

Items屬性：所有菜單項(xiàng)的集合。ShowItemToolTips

屬性：指示是否顯示工具提示。Anchor屬性：獲取或設(shè)置MenuStrip要錨定到的容器的邊緣ToolStripMenuItem控件ToolStripMenuItem對(duì)象表示菜單項(xiàng)。（1）常用屬性：

DropDownItems：子菜單項(xiàng)的集合Checked屬性：選中標(biāo)記是否出現(xiàn)。CheckOnClick

屬性：是否自動(dòng)切換選中或未選中狀態(tài)。DisplayStyle

屬性：是否在控件上顯示文本和圖像。Image屬性：顯示在控件上的圖像。Selected屬性：是否處于選定狀態(tài)。Text屬性：顯示在菜單項(xiàng)上的文本。TextAlign

屬性：菜單項(xiàng)上的文本的對(duì)齊方式。取值于ContentAlignment

枚舉。ShowItemToolTips

屬性：是否在菜單項(xiàng)上顯示工具提示。ToolTipText

屬性：菜單項(xiàng)的工具提示內(nèi)容。

（2）常用事件Click事件：單擊菜單項(xiàng)時(shí)發(fā)生。CheckedChanged事件：Checked屬性值更改時(shí)發(fā)生VisbleChanged事件：Visible屬性值更改時(shí)發(fā)生。6.3工具欄界面設(shè)計(jì)兩種工具欄控件ToolBar控件，用于C#.NET1.0版本中；ToolStrip控件，用于C#.NET2.0版本中。6.3.1ToolStrip控件

表示窗體上的工具欄，它是工具欄按鈕的容器。（1）常用屬性Items屬性：工具欄按鈕的集合。ImageList屬性：工具按鈕上顯示的圖像列表。（2）常用事件ItemClicked事件：單擊工具按鈕時(shí)發(fā)生。ToolStripButton控件ToolStripButton對(duì)象表示工具按鈕（1）常用屬性Checked屬性：是否已按下該工具按鈕CheckOnClick

：在單擊工具按鈕時(shí)，工具按鈕是否應(yīng)自動(dòng)顯示為按下或未按下狀態(tài)。CheckState

：工具按鈕處于選中、未選中還是不確定狀態(tài)。DisplayStyle

：是否在工具按鈕上顯示文本和圖像Image屬性：顯示在工具按鈕上的圖像。Selected屬性：指示該項(xiàng)是否處于選定狀態(tài)。Text屬性：要顯示在工具按鈕上的文本。TextAlign

屬性：工具按鈕上的文本的對(duì)齊方式。ToolTipText

屬性：工具按鈕上的工具提示內(nèi)容。（2）ToolStrip控件的常用事件Clicked事件：單擊工具按鈕時(shí)發(fā)生。CheckedChanged事件：Checked屬性發(fā)生變化時(shí)發(fā)生。

6.3.2ImageList控件是一個(gè)相同尺寸和顏色深度的圖像集合為ImageList控件添加圖像的步驟：（1）在窗體上，添加 一個(gè)ImageList控件；（2）在屬性窗口中，選擇

Images屬性；（3）單擊“…”按鈕，彈出 “圖像集合編輯器”對(duì)話框。

設(shè)置工具按鈕的圖像voidForm1_Load(objectsender,EventArgse){

//把ImageList控件賦值給工具欄的ImageList屬性

toolStrip1.ImageList=imageList1;

//給各個(gè)工具欄按鈕的ImageIndex屬性賦值

//為ImageList中的圖像的索引

toolStripButton1.ImageIndex=0;toolStripButton2.ImageIndex=1;toolStripButton3.ImageIndex=2;}6.4狀態(tài)欄界面設(shè)計(jì)兩種狀態(tài)欄控件:StatusBar控件，用于C#.NET1.0版本中；StatusStrip控件，用于C#.NET2.0版本中。6.4.1StatusStrip控件

StatusStrip控件表示窗體上的狀態(tài)欄，它是狀態(tài)欄面板的容器。（1）常用屬性Items屬性：獲取各個(gè)狀態(tài)面板。ImageList屬性：包含面板上顯示的圖像列表。（2）常用事件ItemClicked事件：單擊控件上的面板時(shí)發(fā)生。ToolStripStatusLabel控件在狀態(tài)欄中提供一個(gè)顯示區(qū)域，用于顯示文本或圖像。（1）常用屬性Alignment：確定面板在狀態(tài)欄上的對(duì)齊位置。BorderStyle：面板的邊框樣式。DisplayStyle

：是否在面板上顯示文本和圖像Image屬性：要顯示在面板上的圖像Text屬性：要顯示在面板上的文本（2）常用事件Click事件：單擊狀態(tài)面板時(shí)發(fā)生。6.5MDI界面設(shè)計(jì)MDI應(yīng)用程序允許用戶同時(shí)顯示多個(gè)文檔，每個(gè)文檔顯示在它自己的窗口中。因此稱為多文檔界面。MDI界面設(shè)計(jì)包含一個(gè)父窗體和若干個(gè)子窗體。MDI父窗體是包含MDI子窗體的容器MDI子窗體是用戶與MDI應(yīng)用程序進(jìn)行交互的窗口。6.5.1建立MDI主窗體建立MDI主窗體的步驟如下：（1）建立一個(gè)Windows應(yīng)用程序；（2）設(shè)置MDI主窗體的屬性

將MDI主窗體的IsMdiContainer屬性設(shè)為true。

6.5.2建立MDI子窗體步驟如下：（1）建立MDI子窗體 在解決方案資源管理器中，右擊項(xiàng)目名，在快捷菜單中選【添加】|【W(wǎng)indows窗體】，即可為項(xiàng)目添加一個(gè)名稱為Child的子窗體。（2）設(shè)計(jì)MDI子窗體

6.5.3主窗體程序設(shè)計(jì)（1）顯示MDI子窗體

Childc=newChild();

c.MdiParent=this;

c.Show();（2）關(guān)閉MDI子窗體

this.ActiveMdiChild.Close(); （3）排列MDI子窗體

this.LayoutMdi(MdiLayout.Cascade);6.5.5合并菜單如果設(shè)置MenuStrip控件的AllowMerge屬性為true，則當(dāng)顯示MDI子窗體時(shí)，如果MDI子窗體有菜單，則它的菜單會(huì)合并到MDI主窗體的菜單上。如果設(shè)置MDI子窗體的ToolStripMenuItem控件

的MergeAction

屬性為MachOnly，則可以合并MDI主窗體和子窗體的相同菜單。如果設(shè)置ToolStripMenuItem控件的MergeIndex屬性，可以為合并的菜單項(xiàng)指定出現(xiàn)順序。6.6多窗體界面設(shè)計(jì)6.5.1建立多窗體

1.添加窗體 在“解決方案資源管理器”中，右擊項(xiàng)目名，在快捷菜單中選【添加】|【W(wǎng)indows窗體】；或選擇【項(xiàng)目】|【添加Windows窗體】。均可彈出“添加新項(xiàng)”對(duì)話框。在對(duì)話框的“模板”列表框中，選擇“Windows窗體”；在“名稱”框中，輸入窗體的名字。單擊“添加”按鈕，即可向項(xiàng)目中添加一個(gè)新的窗體。2.刪除或排除窗體排除窗體指的是把窗體從項(xiàng)目中移走，而窗體文件并沒有從磁盤上被刪除。

刪除窗體指的是既從項(xiàng)目中把窗體移走，又從磁盤上把窗體刪除掉。在“解決方案資源管理器”中，右擊窗體名，在快捷菜單中選擇【從項(xiàng)目中排除】或【刪除】3.設(shè)置啟動(dòng)窗體啟動(dòng)窗體即應(yīng)用程序運(yùn)行時(shí)顯示的窗體。

staticvoidMain(){

Application.Run(new

Form1());}4.窗體的生成與關(guān)閉（1）建立新窗體的實(shí)例 如果想操作窗體，必須先生成一個(gè)窗體類的實(shí)例。

Form1f=newForm1();（2）顯示窗體 使用Form類的Show或ShowDialog方法顯示窗體。

f.Show();（3）隱藏窗體 使用Form類的Hide方法隱藏窗體。

f.Hide();（4）關(guān)閉窗體 使用Form類的Close方法關(guān)閉窗體。

f.Close(