第2-2周標(biāo)題欄

1、教 案授課日期2016年 9月 5 日第 2 周授課時(shí)數(shù)2授課章節(jié)名 稱高級用戶界面設(shè)計(jì)教學(xué)目的掌握設(shè)計(jì)原則掌握菜單設(shè)計(jì)教學(xué)重點(diǎn)控件的屬性教學(xué)難點(diǎn)控件事件的調(diào)用更新、補(bǔ)充刪節(jié)內(nèi)容無使用教具微機(jī)課外作業(yè)課后練習(xí)課后體會通過實(shí)例設(shè)計(jì)加深對所學(xué)知識的了解授 課 主 要 內(nèi) 容 或 板 書 設(shè) 計(jì)一、復(fù)習(xí)提問1、 如何調(diào)試運(yùn)行程序？2、 如何保存和打開？二、導(dǎo)入新課打開我的電腦，顯示出隱藏的文件或文件夾。啟用word，利用打開菜單打開指定的文件。三、講授新課（一） Windows應(yīng)用程序界面分類及設(shè)計(jì)原則授課內(nèi)容或板書設(shè)計(jì)Windows應(yīng)用程序界面分類及設(shè)計(jì)原則界面設(shè)計(jì)的原則要設(shè)計(jì)出完美、實(shí)用的用戶界

2、面，需要遵循以下設(shè)計(jì)原則，并反復(fù)修改設(shè)計(jì)。1、用戶至上的原則。在設(shè)計(jì)時(shí)要充分為用戶考慮，要使用戶能方便的使用。例如應(yīng)用程序界面是否能吸引用戶、方便用戶操作，在沒有幫助的情況下，用戶是否能比較容易的發(fā)現(xiàn)應(yīng)用程序的不同功能，如何為用戶提供在線幫助等。2、一致性。包括窗體圖標(biāo)的一致性、控件樣式選擇的一致性、色彩搭配的一致性以及程序中不同窗口保持一致性等。3、簡單性。簡單即美，這也是藝術(shù)中的一個準(zhǔn)則。應(yīng)該盡量為用戶創(chuàng)建看上去與用起來都很簡單的界面，如果在沒有幫助的情況下，一個普通的用戶不能很快完成某個操作，那么就要考慮修改設(shè)計(jì)了。4、顏色和字體。多彩的界面可以增加視覺的感染力，但顏色的效果是千差萬別的

3、，而用戶的喜好也會因人而異，在界面設(shè)計(jì)上使用顏色時(shí)，需要注意不同文化中顏色的差異。一般說來，在顏色的使用上應(yīng)該采取保守的態(tài)度，盡量采用一些柔和的中性的顏色來美化界面。選擇字體時(shí)，要選擇在不同分辨率的顯示器上都能閱讀的字體，一般都使用標(biāo)準(zhǔn)的windows字體，通常具有類似功能的文本應(yīng)采用一致的字體。5、圖片和圖標(biāo)。圖片和圖標(biāo)的使用可以增加應(yīng)用程序的視覺趣味，圖片和圖標(biāo)比文本更加形象地傳達(dá)信息。菜單設(shè)計(jì)菜單設(shè)計(jì)概述菜單有下拉式菜單和彈出菜單(上下文菜單)。下拉式菜單的組成結(jié)構(gòu)： .NET提供了MainMenu和ContextMext兩個控件，分別用來設(shè)計(jì)下拉式菜單和彈出式菜單。菜單項(xiàng)除了Name、

4、Visible、Enabled等屬性之外，還具有下列重要屬性：(1) Text 菜單項(xiàng)上顯示的標(biāo)題文本在字符前加一個&符號構(gòu)成熱鍵。例如，輸入“新建(&N)”，則菜單顯示“新建(N)”，N為熱鍵。菜單項(xiàng)的分隔符，輸入一個減號“-”。(2) ShortCut 設(shè)置菜單項(xiàng)的快捷鍵。(3) Checked 控制菜單項(xiàng)左邊是否顯示“”菜單項(xiàng)的事件Click 為菜單項(xiàng)編寫程序 例7.16 將例7.12中的命令組織成菜單。下拉式菜單的建立過程：1) 建立控件 在窗體上放置一個MainMenu控件2) 設(shè)計(jì)菜單3) 設(shè)置菜單項(xiàng)的屬性4) 編寫菜單項(xiàng)的事件過程 創(chuàng)建彈出菜單彈出菜單 獨(dú)立于窗體菜單欄而顯示在窗

5、體內(nèi)的浮動菜單。顯示位置取決于單擊鼠標(biāo)右鍵時(shí)指針的位置。彈出菜單使用ContextMenu控件來設(shè)計(jì)，方法與下拉式菜單相同。用鼠標(biāo)單擊某對象時(shí)能彈出菜單，必須設(shè)置該對象的ContextMenu屬性=ContextMenu控件名教 案授課日期2016年 9月 5 日第 2 周授課時(shí)數(shù)2授課章節(jié)名 稱高級用戶界面設(shè)計(jì)教學(xué)目的掌握設(shè)計(jì)原則掌握快捷菜單設(shè)計(jì)教學(xué)重點(diǎn)控件的屬性教學(xué)難點(diǎn)控件事件的調(diào)用更新、補(bǔ)充刪節(jié)內(nèi)容無使用教具微機(jī)課外作業(yè)課后練習(xí)課后體會通過實(shí)例設(shè)計(jì)加深對所學(xué)知識的了解授 課 主 要 內(nèi) 容 或 板 書 設(shè) 計(jì)一、復(fù)習(xí)提問3、 如何調(diào)試運(yùn)行程序？4、 如何保存和打開？二、導(dǎo)入新課打開我的電

6、腦，顯示出隱藏的文件或文件夾。啟用word，利用打開菜單打開指定的文件。三、講授新課Vs 2008的MenuStrip控件授課內(nèi)容或板書設(shè)計(jì)MenuStrip 控件概述（Windows 窗體） 菜單通過存放按照一般主題分組的命令將功能公開給用戶。 MenuStrip 控件是此版本的 Visual Studio 和 .NET Framework 中的新功能。使用該控件，可以輕松創(chuàng)建 Microsoft Office 中那樣的菜單。 MenuStrip 控件支持多文檔界面 (MDI) 和菜單合并、工具提示和溢出。您可以通過添加訪問鍵、快捷鍵、選中標(biāo)記、圖像和分隔條，來增強(qiáng)菜單的可用性和可讀性。 M

7、enuStrip 控件取代了 MainMenu 控件并向其中添加了功能；但是也可選擇保留 MainMenu 控件以備向后兼容和將來使用。 MenuStrip 控件的使用方式 使用 MenuStrip 控件可以： 創(chuàng)建支持高級用戶界面和布局功能的易自定義的常用菜單，例如文本和圖像排序和對齊、拖放操作、MDI、溢出和訪問菜單命令的其他模式。 支持操作系統(tǒng)的典型外觀和行為。 對所有容器和包含的項(xiàng)進(jìn)行事件的一致性處理，處理方式與其他控件的事件相同。 下表顯示了 MenuStrip 和關(guān)聯(lián)類的一些特別重要的屬性。屬性說明MdiWindowListItem獲取或設(shè)置用于顯示 MDI 子窗體列表的 Tool

8、StripMenuItem。System.Windows.Forms.ToolStripItem.MergeAction獲取或設(shè)置 MDI 應(yīng)用程序中子菜單與父菜單合并的方式。System.Windows.Forms.ToolStripItem.MergeIndex獲取或設(shè)置 MDI 應(yīng)用程序的菜單中合并項(xiàng)的位置。System.Windows.Forms.Form.IsMdiContainer獲取或設(shè)置一個值，該值指示窗體是否為 MDI 子窗體的容器。ShowItemToolTips獲取或設(shè)置一個值，該值指示是否為 MenuStrip 顯示工具提示。CanOverflow獲取或設(shè)置一個值，該值

9、指示 MenuStrip 是否支持溢出功能。ShortcutKeys獲取或設(shè)置與 ToolStripMenuItem 關(guān)聯(lián)的快捷鍵。ShowShortcutKeys獲取或設(shè)置一個值，該值指示與 ToolStripMenuItem 關(guān)聯(lián)的快捷鍵是否顯示在 ToolStripMenuItem 旁邊。 下表顯示了重要的 MenuStrip 同伴類。類說明ToolStripMenuItem表示在 MenuStrip 或 ContextMenuStrip 上顯示的可選擇選項(xiàng)。ContextMenuStrip表示快捷菜單。ToolStripDropDown表示當(dāng)用戶單擊 ToolStripDropDown

10、Button 或較高級菜單項(xiàng)時(shí)，使用戶可以從列表中選擇單個項(xiàng)的控件。ToolStripDropDownItem為派生自 ToolStripItem 的控件提供基本功能，當(dāng)單擊控件時(shí)顯示下拉項(xiàng)。菜單與與對話框 菜單設(shè)計(jì) 控件名:menustrip 作用:設(shè)計(jì)下拉式菜單。 菜單設(shè)計(jì)方法：當(dāng)拖入menustrip1控件后，就在窗體的左上角出現(xiàn)菜單設(shè)計(jì)欄，從而可以輸入菜單項(xiàng)（即菜單的TEXT屬性）。 常用屬性： Text:設(shè)置菜單項(xiàng)名字。其后可帶（&f）以指明熱鍵為f（即按下alt+f激活菜單） Shortcutkeys:快捷鍵，可以從右邊選擇修飾符（Ctrl,alt,shift）與鍵。也可以直接輸入

11、。 Image:與菜單項(xiàng)對應(yīng)的圖標(biāo)。說明，加載圖片時(shí)，選擇資源時(shí)從本地資源導(dǎo)入。 Name:菜單名稱，默認(rèn)名稱為：text名稱ToolStripMenuItem 菜單項(xiàng)之間加分隔線:text欄輸入- 應(yīng)用實(shí)例：設(shè)計(jì)一個菜單，其中菜單欄包括：文件（新建、打開、保存、退出）、編輯（顏色、剪切、復(fù)制、粘貼）。而顏色又分為菜單項(xiàng)（紅色、綠色、藍(lán)色），單擊顏色項(xiàng)可設(shè)置文本框中文字顏色并選擇此項(xiàng)。單擊編輯菜單的其它項(xiàng)能執(zhí)行相應(yīng)的操作。 見文件編輯菜單，程序?yàn)椋?Public Class Form1 Private Sub 退出ToolStripMenuItem_Click(ByVal sender As

12、System.Object, ByVal e As System.EventArgs) Handles 退出ToolStripMenuItem.Click End End Sub Private Sub 紅色ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 紅色ToolStripMenuItem.Click TextBox1.ForeColor = Color.Red 紅色ToolStripMenuItem.Checked = True 藍(lán)色ToolStripM

13、enuItem.Checked = False 黑色ToolStripMenuItem.Checked = False End Sub Private Sub 藍(lán)色ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 藍(lán)色ToolStripMenuItem.Click TextBox1.ForeColor = Color.Blue 紅色ToolStripMenuItem.Checked = False 藍(lán)色ToolStripMenuItem.Checked = Tr

14、ue 黑色ToolStripMenuItem.Checked = False End Sub Private Sub 黑色ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 黑色ToolStripMenuItem.Click TextBox1.ForeColor = Color.Black 紅色ToolStripMenuItem.Checked = False 藍(lán)色ToolStripMenuItem.Checked = False 黑色ToolStripMenuI

15、tem.Checked = True End Sub Private Sub 復(fù)制ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 復(fù)制ToolStripMenuItem.Click TextBox1.Copy() End Sub Private Sub 剪切ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 剪切ToolStripMenuItem.Click TextBox1.Cut() End Sub Private Sub 粘貼ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As