视窗常用元件

Chapter19視窗常用元件章節預覽19-1DateTimePicker類別19-2MonthCalendar類別19-3NotifyIcon類別19-4TabControl類別19-5TreeView類別19-6TrackBar類別章節預覽19-1DateTimePicker類別19-2MonthCalendar類別19-3NotifyIcon類別19-4TabControl類別19-5TreeView類別19-6TrackBar類別

19-1DateTimePicker類別C#開發環境裡的DateTimePicker類別是提供一個可以簡易的查詢和選取日期的視窗介面當我們把DateTimePicker拉入元件時,並不需要去設定目前的日期,DateTimePicker會主動去查詢系統的現在日期和時間,然後作為應用程式開啟時的預設值DateTimePicker類別屬性Size:設定DateTimePicker顯示設定畫面時的長度和寬度Font:設定DateTimePicker顯示設定畫面時的字型Location:開啟應用程式的時候,顯示在表單上面的顯示區域的昨上角在表單的空白區域昨上角的相對位置.Value:DateTimePicker的完整資訊,預設值是目前的時間和日期如:2002/4/7下午12:11注意,這裡的顯示是以Time結構的格式Text:根據我們所選擇的Format擷取Value裡的資料所顯示的格式MaxDate顯示日期的最大值,也就是說在設定畫面時可以選擇的最後一天MinDate:顯示日期的最小值,也就是說在設定畫面時可以選擇的最早的一天DateTimePicker類別屬性(續)Format:顯示在表單上面的格式Long:顯示完整的文字分隔年月日Short:用斜線分隔年月日

Time:顯示時間

Custom:自訂的顯示格式

ShowUpDown

在表單顯示裡,增加可以上下增加或減少的選項,如此一來設定日期的畫面就不會顯示了,設定動作在表單畫面就可以進行

DateTimePicker類別般最常用的到屬性就是Text了,因為是以字串的格式存取,所以比較方便使用我們可以利用dateTimePicker所提供的日期資訊,作為文件檔案編輯完成時要存檔的檔名,也可以利用其日期資訊加入文件saveFileDialog1.FileName=dateTimePicker1.Text;saveFileDialog1.ShowDialog();章節預覽19-1DateTimePicker類別19-2MonthCalendar類別

19-3NotifyIcon類別19-4TabControl類別19-5TreeView類別19-6TrackBar類別19-2MonthCalendar類別MonthCalendar顧名思義就是月曆的意思除了MonthCalendar取得時間,更在取得日期方面有所加強,但是因為注重在日期的方面,所以有”日期期間”的觀念由於在MonthCalendar下幾乎都是以Time結構的格式存放日期和時間,所以我們會需要使用到MonthCalendar類別所提供的轉換成字串的函式ToLongTimeString:會直接回傳Long格式的時間,以字串的方式回傳ToShortTimeString:會直接回傳short格式的時間,以字串的方式回傳ToLongDateString:會直接回傳Long格式的日期,以字串的方式回傳ToShortDateString:會直接回傳short格式的日期,以字串的方式回傳MonthCalendar類別MonthCalendar類別裡會有一個SelectionRange的結構,在這個結構裡會有存放Start和End兩個日期和時間所以如果要取得起始的日期,以Long格式轉換成字串的方式為:StringS=monthCalendar1.SelectionRange.Start.ToLongDateString();

如果要取得起始的日期的時間,以Long格式轉換成字串的方式為:StringS=monthCalendar1.SelectionRange.Start.ToLongTimeString();視窗範例章節預覽19-1DateTimePicker類別19-2MonthCalendar類別19-3NotifyIcon類別

19-4TabControl類別19-5TreeView類別19-6TrackBar類別19-3NotifyIcon類別出現在TrayBar上面的圖示，我們稱之為NotifyIcon一般為背景作業之系統程式或應用程式TrayBarNotifyIcon類別開發應用程式的時候,把ShowInTaskbar屬性從預設的True改成False的話,應用程式就不會在TaskBar上面出現利用NotifyIcon讓這個沒有出現在TaskBar的程式出現在TrayBar上先將NotifyIcon類別拉入表單裡.然後我們選擇Icon屬性裡所對應的ico檔案為了能讓使用者在TrayBar上面的icon按滑鼠右鍵可以出現選單,一般我們會搭配contextMenu,現在我們把contexMenu加入到表單裡,然後設定notifyIcon的ContextMenu屬性NotifyIcon類別利用ContexMenu設定選單,作為事件的驅動介面將表單的ShowInTaskbar設定成Fasle

將表單的起始WindowState設定成MinimizedContextMenu裡設定一個Show選項,在該選項的Click事件把WindowState改成Normal章節預覽19-1DateTimePicker類別19-2MonthCalendar類別19-3NotifyIcon類別19-4TabControl類別

19-5TreeView類別19-6TrackBar類別19-4TabControl類別有些介面較複雜的應用程式,為了避免同一個畫面過於繁雜,程式設計師會採取使用多視窗的方式來作為程式的UI利用TabControl類別在Designer畫面下把TabControl類別拉進表單裡,然後點選TabControl屬性裡的tabPages

Designer將會開啟編輯畫面,在TabPages編輯畫面裡我們可以新增或刪除標籤頁,也可以對內容作編輯

此時,我們就可以在表單裡的同一個區域不同標籤建立不同的物件

章節預覽19-1DateTimePicker類別19-2MonthCalendar類別19-3NotifyIcon類別19-4TabControl類別19-5TreeView類別

19-6TrackBar類別19-5TreeView類別Windows下,有時為了要顯示互相關聯的物件,會使用樹狀結構來作為顯示介面,其關係就會以階層來分別檔案總管就是個例子在C#的開發環境下,我們也許也會用到這樣的樹狀結構來表示比較複雜的資料關係,所以如何善用TreeView是本節的重點使用TreeView類別在TreeView類別中,Designer環境有提供GUI的編輯Node的介面,我們可以在開發環境裡點選Nodes屬性,將會出現編輯樹狀元件的畫面在編輯畫面裡,我們可以新增一個根(AddRoot),然後可以在下面衍生出其他的支點(AddChild)除了顯示每個點本身之外,如果需要用到多重選擇的功能時,我們也可以在每個根或支點設定一個CheckBox編輯樹狀結構裡的每個點時,在畫面裡點的顯示就是每個點的Label設定值.但是除了文字的顯示之外,我們也可以利用圖形來表示任何一個點使用TreeView類別TreeView類別可以指定一個ImageList元件,在開發階段時,設計師可以指定好該ImageList類別裡的圖形檔案然後在編輯TreeView裡的Nodes時就可以直接指定要顯示ImageList裡的任何一個檔案TreeView類別屬性列表屬性名稱說明BackColor顯示在TreeView畫面裡的背景顏色,預設值和其他的編輯盒一樣,都為白色BackgroundImage除了顯示背景畫面外,也可以指定背景圖BorderStyleTreeView顯示畫面裡,邊框的類別設定CheckBoxes是否在每個點顯示CheckBoxFont顯示文字時的字型設定ForeColor前景顏色,也就是文字顯示的顏色,預設值為黑色ImageIndex如有載入ImageList元件的話,預設每個點所要顯示的圖形在ImageList裡的目錄值ImageList載入的ImageList元件名稱Nodes整個TreeView裡的所有點集合.SelectedNode被使用者點選的點SelectedImageIndex如果有載入ImageList的話,被使用者點選的點所顯示的圖在ImageList裡哪個目錄值章節預覽19-1DateTimePicker類別19-2MonthCalendar類別19-3NotifyIcon類別19-4TabControl類別19-5TreeView類別19-6TrackBar類別

19-6TrackBar類別TrackBar就是讓使用者用滑鼠點選移動一條代表進度或量值大小的長列Windows媒體撥放程式就有兩個TrackBar,一個為撥放進度,另一個為撥放音量TrackBar也不侷限於應用在多媒體程式上.其他可以用量化表示的調整介面也可以使用TrackBar作為介面TrackBar類別屬性說明Maximum:TrackBar的最大值顯示.Minimum:TrackBar的最小值顯示,和Maximum結合起來就構成了TrackBar的可活動範圍.訂立這兩個值得大小並不會影響TrackBar在視窗顯示上的大小.當範圍設定的比較大時,同一範圍內滾筒可以拖曳的解析度就比較大.Value:目前TrackBar上所代表的數字,如果Maximum是100,Minimum為0,則如果滾輪在TrackBar所指的位置為正中間的話,值就為50TickFrequency:滾筒在TrackBar上面移動的最小單位,