C#中-常用控件.ppt

第7章常用控件 guruijun 學(xué)習(xí)目標(biāo) 界面控件概念與應(yīng)用意義 界面控件的一般屬性 事件和方法 窗體 對話框的基本特征 常用屬性 事件與方法的基本應(yīng)用 多文檔窗體與子窗體應(yīng)用結(jié)構(gòu)的設(shè)計與實現(xiàn) 菜單 工具欄的創(chuàng)建方法 常用屬性 方法與事件的應(yīng)用 guruijun 1窗體與控件概述 1 1Windows窗體1 2窗體的控件 guruijun 1 1Windows窗體 窗體是控件的容器 而控件是窗體的成員對象 用于顯示信息并且接收入用戶輸入的信息 Windows窗體的基類是Form 位于System Windows Forms命名空間中 表7 1列出了Windows窗體的主要屬性 見教材 窗體和控件的屬性可以在VisualStudio NET的屬性窗口進(jìn)行設(shè)計 也可以通過編寫代碼來完成 guruijun 例如 this ShowInTaskbar true this StartPosition FormStartPosition CenterScreen this Text 窗體屬性設(shè)置 this TopMost true this WindowState FormWindowState Maximized this FormBorderStyle FormBorderStyle Fixed3D guruijun 1 2窗體的控件 1 NETFramework中的窗體控件控件是用來完成特定的輸入 輸出功能的 例如 按鈕控件響應(yīng)用戶的單擊事件 文本框控件接收用戶的輸入等 在 NETFramework中 控件派生于System Windows Forms Control類 該類定義了控件的基本功能 表9 2列出了一些常見的Windows控件和組件 控件的用法 靜態(tài)引用和動態(tài)引用 其中 靜態(tài)引用就是在設(shè)計時把控件從工具箱拖放到窗體設(shè)計區(qū)中 動態(tài)引用就是在源程序代碼中通過控件類來創(chuàng)建控件對象 在完成對象屬性設(shè)置再將其添加到窗體中 guruijun 控件的屬性 Anchor獲取或設(shè)置控件綁定到的容器的邊緣并確定控件如何隨其父級一起調(diào)整大小BackColor控件的背景色Bottom控件下邊緣與其容器的工作區(qū)上邊緣之間的距離 以像素為單位 Dock獲取或設(shè)置控件邊框?？康狡涓缚丶⒋_定控件如何隨其父級一起調(diào)整大小Enabled控件是否可以對用戶交互做出響應(yīng)ForeColor控件的前景色Height控件的高度Left控件左邊緣與其容器的工作區(qū)左邊緣之間的距離 以像素為單位 guruijun Location控件的左上角相對于其容器的左上角的坐標(biāo)Name控件的名稱 可以在代碼中用于引用該控件Parent控件的父容器Right控件右邊緣與其容器的工作區(qū)左邊緣之間的距離 以像素為單位 Size控件的高度和寬度TabIndex控件的Tab鍵順序TabStop指示用戶能否使用Tab鍵將焦點放到該控件上Text與此控件關(guān)聯(lián)的文本Top控件上邊緣與其容器的工作區(qū)上邊緣之間的距離 以像素為單位 Visible指示是否顯示該控件Width控件的寬度 guruijun 個人理財軟件的功能模塊圖 guruijun 2按鈕與文本顯示 編輯控件 2 1按鈕控件2 2文本顯示控件2 3文本編輯控件2 4應(yīng)用實例 返回 guruijun 2 1按鈕控件 Button 按鈕 控件用來接收用戶的操作命令 激發(fā)相應(yīng)的事件 例如 確定 或者 取消 在設(shè)計時 通常先添加控件 再為其Click事件編寫代碼 在程序運(yùn)行時 單擊該按鈕就會執(zhí)行Click事件方法 常用的屬性有Name Text Visible Enabled FlatStyle Image和ImageAlign 其中 Text屬性指定要顯示的標(biāo)題文字 在字母前添加 字符 可設(shè)置快捷鍵 Image屬性可以指定要顯示的圖像 ImageAlign TextAign和TextImageRelation屬性用來設(shè)置圖像與文本的排列方式 guruijun 2 2文本顯示控件 NETFramework包含兩個標(biāo)簽控件 Label和LinkLabel 其中 Label是標(biāo)準(zhǔn)的Windows標(biāo)簽 LinkLabel類似于Label 但以超鏈接方式顯示 Label控件的常用的屬性 AutoSize 默認(rèn)值為true BorderStyle 決定控件邊框的樣式 其值是BorderStyle枚舉值 None時 無邊框 FixedSingle 單行邊框 Fixed3D 三維邊框 默認(rèn)為None guruijun 2 3文本編輯控件 1 Textbox控件其用途是讓用戶輸入文本 用戶可以在其中輸入任何字符或指定類型的字符 默認(rèn)情況下 最多可輸入2048個字符 但如果將Multiline屬性設(shè)置為true 則最多可輸入32KB的文本 用戶輸入的文本保存在Text屬性中 在程序中引用Text屬性即可獲得用戶輸入的文本 TextBox控件的常見屬性如表9 5所示 TextBox控件的常用事件如表9 6所示 guruijun RichTextBox控件 RichTextBox用于顯示和輸入格式化的文本 又稱富文本格式RichTextFormat RTF 可以顯示字體 顏色和鏈接 從文件加載文本和加載嵌入的圖像 以及查找指定的字符 因此RichTextBox常常稱為增強(qiáng)的文本框 RichTextBox控件通常用于提供類似字處理應(yīng)用程序 如MicrosoftWord 的文本操作和顯示功能 RichTextBox控件的默認(rèn)設(shè)置是水平和垂直滾動條均根據(jù)需要顯示 并且擁有更多的滾動條設(shè)置 RichTextBox常見的屬性見表9 7 guruijun 2 4應(yīng)用實例 實例1 設(shè)計一個簡單的個人記賬軟件的的用戶登錄界面 當(dāng)輸入正確的用戶名和密碼時 系統(tǒng)將給出正確的提示 否則給出錯誤提示 注意 由于實際的身份驗證需要與數(shù)據(jù)庫建立連接 所以在這里先將功能簡化 下一章將進(jìn)一步完善本程序 操作演示 guruijun 3列表與選擇控件 3 1RadioButton控件3 2CheckBox控件3 3ListBox控件3 4ComboBox控件3 5其它常用控件3 6應(yīng)用實例 guruijun 3 1RadioButton控件 RadioButton 單選按鈕 控件為用戶提供由兩個或多個互斥選項組成的選項集 用戶在一組單選按鈕中只能選擇一個 guruijun 3 2CheckBox控件 CheckBox控件允許用戶選擇多個選項 而RadioButton控件只允許用戶從互相排斥的選項中選擇一個 CheckBox控件的常用屬性 CheckState 其值可為Checked UnChecked和Indeterminate 值為Indeterminate時 表示復(fù)選框的當(dāng)前值無效 ThreeState 設(shè)置工作模式為 兩種狀態(tài) 或 三種狀態(tài) 前者使用Checked屬性返回狀態(tài)值 后者使用CheckState屬性返回狀態(tài)值 guruijun 3 3ListBox控件 ListBox 列表框 控件用于顯示一組字符串 可以從中選擇一個或多個選項 與復(fù)選框和單選按鈕一樣 列表框也提供了要求用戶選擇一個或多個選項的方式 ListBox控件的常用事件主要是 SelectedIndexChanged 表示選中項的索引被改變時觸發(fā)的事件 guruijun 3 4ComboBox控件 ComboBox 組合框 控件把文本框控件和列表框組合在一起 使用戶可以從列表中選擇選項 也可以輸入新文本 ComboBox的默認(rèn)行為是顯示一個可編輯文本框 該文本框具有一個隱藏的下拉列表 其DropDownStyle屬性確定要顯示的組合框的樣式 Simple 簡單的下拉列表 始終顯示列表和下拉列表框 DropDownList 文本部分不可編輯 并且必須單擊下拉箭頭才能查看下拉列表中的選項 DropDown 默認(rèn)下拉列表框 文本部分可編輯 并且用戶必須單擊下拉箭頭才能查看列表中的選項 guruijun 3 5其它常用控件 guruijun 3 6應(yīng)用實例 實例2 在項目MyAccounting中添加一個窗體 實現(xiàn)如圖所示的效果 用于添加個人收支明細(xì) 操作演示代碼分析 guruijun 4圖形顯示控件 4 1PictureBox控件4 2ImageList控件4 3應(yīng)用實例 guruijun 4 1PictureBox控件 PictureBox控件用于顯示位圖 GIF JPEG 圖元文件或圖標(biāo)格式的圖形 常用屬性有 Image 設(shè)置所要顯示的圖片SizeMode 控制圖像顯示方式 Normal 默認(rèn) 圖像置于PictureBox的左上角 尺寸過大時自動被剪裁掉 StretchImage時 圖像將拉伸顯示 AutoSize時 自動調(diào)整大小以完整顯示 CenterImage 圖像居中顯示 guruijun 4 2ImageList控件 ImageList控件只用于存儲圖像 將位圖 圖標(biāo)添加到該控件 再由其他控件顯示 這樣只需更改某個控件的ImageIndex或ImageKey屬性 就可改變顯示的圖像 另外 還可在同一個ImageList控件與多個控件之間設(shè)置關(guān)聯(lián) 例如用ListView控件和TreeView控件顯示同一個文件列表 當(dāng)更改圖像列表中某個圖標(biāo)時 新圖標(biāo)將同時顯示在兩個視圖中 ImageList控件的主要屬性 Images 包含一個圖像集合 ColorDepth 確定呈現(xiàn)圖像時所使用的顏色數(shù)量 ImageSize 設(shè)置圖像大小 所有圖像都將以同樣的大小顯示 guruijun 4 3應(yīng)用實例 實例3 在項目MyAccounting中添加一個窗體 實現(xiàn)如圖9 13所示的效果 用于顯示系統(tǒng)說明 操作演示代碼分析 guruijun 5容器控件 5 1GroupBox控件5 2Panel控件5 3TabControl控件5 4應(yīng)用實例 返回 guruijun 5 1GroupBox控件 GroupBox 分組框 控件用于為其他控件提供可識別的分組 通常 使用分組框按功能細(xì)分窗體 將一個窗體的各種功能進(jìn)一步分類 在窗體上創(chuàng)建GroupBox控件及其內(nèi)部控件時 必須先建立GroupBox控件 然后在其內(nèi)建立各種控件 如果要將窗體上已經(jīng)放好的控件進(jìn)行分組 則應(yīng)選中控件 然后將它們剪切并粘貼到GroupBox控件中 或者直接把控件拖到GroupBox中 guruijun 5 2Panel控件 Panel 面板 控件類似于GroupBox控件 主要區(qū)別是 只有GroupBox控件可顯示標(biāo)題 只有Panel控件可以有滾動條 若要顯示Panel控件中的滾動條 需將其AutoScroll屬性設(shè)置為true 也可以通過設(shè)置BackColor BackgroundImage和BorderStyle屬性自定義面板的外觀 guruijun 5 3TabControl控件 該控件用于顯示多個選項卡 每個選項卡可包含圖片和其他控件 使用該控件可生成多頁對話框 還可以創(chuàng)建用于設(shè)置一組相關(guān)屬性的屬性頁 其重要屬性 TabPages 該屬性包含單獨的選項卡 每一個單獨的選項卡都是一個TabPage對象 單擊選項卡時 將引發(fā)該TabPage對象的Click事件 TabControl控件的常用屬性如表9 17所示 guruijun 5 4應(yīng)用實例 實例4 在項目MyAccounting中添加一個窗體 實現(xiàn)如圖9 15所示的效果 用于添加收支項目信息 操作演示代碼分析 guruijun 6對話框 6 1對話框概述6 2消息框6 3通用對話框6 4應(yīng)用實例 返回 guruijun 6 1對話框概述 1 模態(tài)對話框所謂模態(tài)對話框 就是指當(dāng)這個對話框彈出的時候 鼠標(biāo)不能單擊這個對話框之外的區(qū)域 這種對話框往往是用戶進(jìn)行了某種操作后才出現(xiàn)的 打開一個模態(tài)對話框 窗體對象 ShowDialog 實例9 5 創(chuàng)建一個新Windows應(yīng)用程序 打開一個模態(tài)對話框 操作演示 guruijun 2 非模態(tài)對話框 非模態(tài)對話框通常用于顯示用戶需要經(jīng)常訪問的控件和數(shù)據(jù) 并且在使用這個對話框的過程中需要訪問其他窗體的情況 打開非模態(tài)對話框使用Show方法 實例6 在實例5創(chuàng)建的Windows應(yīng)用程序中 打開一個非模態(tài)對話框 操作演示 guruijun 6 2消息框 1 消息框按鈕消息框最多有3個按鈕 但不能隨意定義 只能從預(yù)定按鈕組中選擇 如表9 20所示 單擊某一按鈕時 Show方法將返回一個DialogResult枚舉值 guruijun 2 消息框圖標(biāo) MessageBoxIcon枚舉定義了消息框的圖標(biāo) 只有4個 但是在MessageBoxIcon枚舉中共有9個成員 如下表所示 guruijun 6 3通用對話框 NET提供了一組基于標(biāo)準(zhǔn)對話框 包括OpenFileDialog 文件打開 SaveFileDialog 文件另存為 FolderBrowerDialog 文件夾選擇 ColorDialog 顏色 以及FontDialog 字體 對話框等 1 ColorDialog重要屬性 guruijun 2 FontDialog 重要屬性 AllowVectorFontsAllowVerticalFontsColorFixedPitchOnlyFontMaxSizeMinSizeShowApplyShowColorShowEffects guruijun 6 4應(yīng)用實例 實例6 制作一個簡單的文本編輯器 可實現(xiàn)對文本內(nèi)容進(jìn)行編輯和修飾 包括更改文本的顏色和字體等 操作演示代碼分析 guruijun 7菜單 工具欄和狀態(tài)欄 菜單7 2工具欄7 3狀態(tài)欄7 4應(yīng)用實例 返回 guruijun 菜單 1 下拉菜單MenuStrip控件常用屬性 CheckedCheckOnClickDisplayStyleDropDownItemsImageSelectedShortcutKeysShowShortcutKeysToolTipText guruijun 2 上下文菜單 也稱快捷菜單 設(shè)計步驟如下 1 在工具箱中雙擊ContextMenuStrip控件 2 為其設(shè)計菜單項 設(shè)計方法與MenuStrip控件相同 只是不必設(shè)計主菜單項 如圖9 30所示 3 選中需要使用的快捷菜單的窗體或控件 在其 屬性 窗口中 單擊ContextMenuStrip選項 從彈出的下拉列表中選擇所需的ContextMenuStrip控件 如圖9 31所示 當(dāng)運(yùn)行程序時 在窗體中右擊 即可彈出上下文菜單 如圖9 32所示 guruijun 7 2工具欄 工具欄實際上可以看成是菜單項的快捷方式 工具欄上的每一個工具項都應(yīng)有對應(yīng)的菜單項 工具欄提供了單擊訪問程序中功能的方式 工具欄上的按鈕通常包含一個圖片 不包含文本 但它可以既包含圖片又包含文本 guruijun 7 3狀態(tài)欄 狀態(tài)欄StatusStrip一般位于窗體的底部 用來顯示窗體的狀態(tài)信息 在狀態(tài)欄中可添加 StatusLabel ProgressBar DropDownButton S