在任何一個(gè)應(yīng)用系統(tǒng)中,如果要實(shí)現(xiàn)人機(jī)交流,基本上都是通....doc

第1章窗體設(shè)計(jì)技法在任何一個(gè)應(yīng)用系統(tǒng)中，如果要實(shí)現(xiàn)人機(jī)交流，基本上都是通過界面來實(shí)現(xiàn)的。本章將主要介紹窗體設(shè)計(jì)及應(yīng)用的各種技法。1.1 窗體的功能分類窗體是目前管理系統(tǒng)中應(yīng)用最為廣泛的一種人機(jī)交流方式，通過窗體可以查詢需要的數(shù)據(jù)，錄入相應(yīng)的信息，還可以實(shí)現(xiàn)對系統(tǒng)進(jìn)行設(shè)置。例如，我們常用的Word就是一個(gè)用于編輯文檔的窗體，不僅可以實(shí)現(xiàn)編輯文檔，而且可以對文檔的格式進(jìn)行設(shè)置和修改，這些功能都是通過窗體來實(shí)現(xiàn)的。根據(jù)窗體在實(shí)際中的應(yīng)用，按其功能可簡略分為3類：主窗體、文檔編輯類窗體和對話框類窗體。 主窗體主要用于管理其他窗體，如通過菜單欄或工具欄中的命令來打開其他窗體。對于一個(gè)工程來說，主窗體就是這個(gè)工程的主要管理部分。 文檔編輯類窗體主要用于編輯文檔。 對話框類窗體在這里是指所有通過文本框進(jìn)行錄入，以及通過其他控件進(jìn)行設(shè)置的窗體，這是一個(gè)籠統(tǒng)的說法，也可以說包括了所有可實(shí)現(xiàn)人機(jī)對話的窗體。我們在這一節(jié)對窗體進(jìn)行分類，是為了便于對其技法的整理和介紹。本章主要介紹工程及窗體的創(chuàng)建和設(shè)置技法以及窗體的打開與關(guān)閉技法。對窗體的功能實(shí)現(xiàn)將在后面的章節(jié)介紹。1.2 主窗體的創(chuàng)建技法在開發(fā)的管理系統(tǒng)中，多數(shù)情況下都有一個(gè)主窗體用來管理系統(tǒng)內(nèi)的各個(gè)界面。這里把主窗體的創(chuàng)建技法分為兩種情況來介紹：一種是常規(guī)主窗體的創(chuàng)建，另一種是多文檔主窗體（MDI）的創(chuàng)建。1.2.1 常規(guī)主窗體的創(chuàng)建技法這里說的常規(guī)主窗體是在管理系統(tǒng)中較為常用的一種窗體，只用于調(diào)用系統(tǒng)內(nèi)各個(gè)窗體。這類主窗體可使用兩種技法進(jìn)行創(chuàng)建，一種是通過自定義的方法創(chuàng)建，另一種是通過向?qū)У姆椒ㄟM(jìn)行創(chuàng)建。1自定義創(chuàng)建技法自定義創(chuàng)建主窗體法是指根據(jù)應(yīng)用程序的需要，手動(dòng)向窗體中添加各種組件，如菜單組件、工具欄組件、狀態(tài)欄組件等。我們通過一個(gè)實(shí)例來說明此種技法的使用方法，圖1-1為該實(shí)例的設(shè)計(jì)圖?！炯挤ㄒ蟆肯虼绑w中手動(dòng)添加組件（如菜單、工具欄等組件），根據(jù)自己的需要來設(shè)計(jì)主窗體的布局和顏色。下面將簡單介紹一下一般主窗體的設(shè)計(jì)步驟及方法。 啟動(dòng)Delphi后，通常都有一個(gè)默認(rèn)的應(yīng)用程序窗體，我們也可以執(zhí)行FileNewApplication命令創(chuàng)建應(yīng)用程序。 設(shè)置主窗體標(biāo)題。即窗體Form1的Caption屬性值，如“圖書信息管理系統(tǒng)”。 設(shè)置主窗體圖標(biāo)。單擊窗體Form1的屬性Icon行的按鈕，彈出Picture Editor對話框，如圖1-2所示，在該對話框中可加載窗體Form1所需要的圖標(biāo)。 圖1-1圖1-2 通過Form1的Color屬性可設(shè)置窗體的背景色，WindowState屬性可設(shè)置系統(tǒng)啟動(dòng)的主窗體的初始狀態(tài)，例如設(shè)置wsMaximized，則在系統(tǒng)啟動(dòng)后主窗體處于最大狀態(tài)。 向Form1窗體中添加菜單組件MainMenu，并根據(jù)需要設(shè)置菜單項(xiàng)，菜單項(xiàng)的設(shè)置和使用方法請參考第3.2節(jié)的內(nèi)容。 向窗體Form1中添加工具欄組件ToolBar，并根據(jù)需要添加按鈕，工具欄中按鈕的添加與設(shè)置方法請參考第3.3節(jié)的內(nèi)容。 主窗體設(shè)置完成后，可以在工具欄中單擊按鈕來添加其他窗體。 保存應(yīng)用程序，其工程文件的格式為dpr，單元文件的格式為pas。讀者可以根據(jù)自己的愛好進(jìn)一步美化主窗體，如設(shè)置背景圖片、文字字幕（可參考第6章）等，還可以在標(biāo)題欄中動(dòng)態(tài)改變標(biāo)題以動(dòng)態(tài)顯示時(shí)間。例如，如果要在圖1-1中動(dòng)態(tài)顯示系統(tǒng)時(shí)間，可在窗體Form1中添加定時(shí)器組件Timer，并通過OnTimer事件來實(shí)現(xiàn)，其代碼如下。procedure TForm1.Timer1Timer(Sender: TObject);begin form1.Caption:=圖書信息管理系統(tǒng)+ 現(xiàn)在是：+timetostr(time);end;讀者還可以通過許多方法來美化主窗體，上面的代碼僅供參考，這里就不再一一介紹。2使用向?qū)?chuàng)建技法使用向?qū)Х▌?chuàng)建應(yīng)用程序主窗體是一種較為快捷的方法，可根據(jù)不同的需要通過向?qū)Ы缑娑ㄖ撇藛?。下面通過一個(gè)小實(shí)例來說明使用向?qū)?chuàng)建主窗體的方法，圖1-3為該實(shí)例設(shè)計(jì)圖。【技法要求】使用向?qū)?chuàng)建主窗體。下面是使用向?qū)?chuàng)建主窗體的一般步驟。 在Delphi界面中執(zhí)行FileNewOther命令或在工具欄中單擊按鈕，打開New Items窗口，并切換到Projects選項(xiàng)卡，如圖1-4所示。 圖1-3圖1-4 在Projects選項(xiàng)卡中選擇Application Wizard項(xiàng)，并單擊OK按鈕，彈出Application Wizard窗口，如圖1-5所示，在該窗口中可設(shè)置主窗體所需要的系統(tǒng)菜單項(xiàng)。 在圖1-5中選擇菜單項(xiàng)后，如果選擇File menu項(xiàng)，則單擊Next按鈕后，進(jìn)入打開與保存對話框中默認(rèn)文件格式設(shè)置窗口，如圖1-6所示。在該窗口中單擊Add按鈕后，彈出文件擴(kuò)展名設(shè)置對話框，在Desciption文本框中設(shè)置文件擴(kuò)展名描述信息，在Extension(s)文本框中設(shè)置擴(kuò)展名，然后單擊OK按鈕。 在圖1-6中設(shè)置完成后，單擊Next按鈕進(jìn)入工具欄按鈕設(shè)置窗口，如圖1-7所示。如果在圖1-5中不選擇File menu項(xiàng)，可直接進(jìn)入此窗口。在該窗口中的菜單列表中選擇需要向工具欄中添加的菜單項(xiàng)，然后單擊Insert按鈕即可。圖1-5圖1-6圖1-7如果要?jiǎng)h除按鈕可在工具欄預(yù)覽框中選擇相應(yīng)的按鈕，然后單擊Remove按鈕。若單擊Space按鈕則添加分隔線。 在圖1-7中單擊Next按鈕進(jìn)入存儲(chǔ)路徑及其他項(xiàng)設(shè)置窗口，如圖1-8所示，在該窗口中的第一個(gè)文本框中可設(shè)置應(yīng)用程序的名稱，單擊Browse按鈕設(shè)置應(yīng)用程序保存的路徑。如果選擇Create MDI application復(fù)選框則為多文檔應(yīng)用程序；如果選擇Create a status line復(fù)選框則在主窗體中添加狀態(tài)欄；如果選擇Enable hints復(fù)選框則顯示相應(yīng)的提示。圖1-8 單擊Finish按鈕即可保存應(yīng)用程序，并顯示自動(dòng)生成的界面，如圖1-3所示。從圖1-3中可了解到，使用向?qū)?chuàng)建法生成的主窗體多數(shù)用于創(chuàng)建文檔型應(yīng)用程序的主窗體，如果我們開發(fā)的是某個(gè)管理系統(tǒng)，則多數(shù)使用自定義法創(chuàng)建主窗體。1.2.2 MDI主窗體的創(chuàng)建技法MDI主窗體與常規(guī)主窗體的區(qū)別是窗體的風(fēng)格不同，在常規(guī)主窗體中打開的其他窗體單獨(dú)存在，而在MDI主窗體中打開的其他窗體則顯示在MDI主窗體的內(nèi)部，MDI主窗體就像一個(gè)容器用于存放其他窗體。本小節(jié)將主要介紹創(chuàng)建MDI主窗體的各種技法。1自定義創(chuàng)建技法自定義創(chuàng)建MDI主窗體主要體現(xiàn)在對主窗體的屬性設(shè)置，而它的創(chuàng)建方法與常規(guī)主窗體的創(chuàng)建方法基本相同。因此我們在圖1-1的基礎(chǔ)上來介紹自定義MDI主窗體的創(chuàng)建技法，下面是修改的方法及MDI窗體運(yùn)行后的效果。 打開圖1-1的應(yīng)用程序，設(shè)置主窗體Form1的FormStyle屬性為fsMDIForm。 創(chuàng)建一子窗體。單擊按鈕添加一窗體Form2，如圖1-9所示，其屬性FormStyle設(shè)置為fsMDIChild，其他屬性請讀者自己設(shè)置。 運(yùn)行程序后，F(xiàn)orm2窗體只能在Form1窗體內(nèi)部移動(dòng)，圖1-10為MDI主窗體的效果。MDI主窗體中打開與關(guān)閉其子窗體的功能實(shí)現(xiàn)代碼與常規(guī)窗體有些不同，其功能具體實(shí)現(xiàn)請參考1.4節(jié)的內(nèi)容。 圖1-9圖1-102使用模板創(chuàng)建MDI窗體技法使用模板創(chuàng)建的MDI應(yīng)用程序采用了系統(tǒng)默認(rèn)的菜單和工具欄，在創(chuàng)建后還需要根據(jù)我們應(yīng)用的實(shí)際情況進(jìn)行修改。而且使用模板創(chuàng)建的MDI應(yīng)用程序還提供部分功能，如新建、保存等功能。下面簡單介紹一下使用模板創(chuàng)建MDI應(yīng)用程序的一般步驟。 在工具欄中單擊按鈕打開New Items窗口，并切換到Projects選項(xiàng)卡，如圖1-4所示。 在該選項(xiàng)卡中選擇MDI Application項(xiàng)，并單擊OK按鈕，彈出存放路徑設(shè)置對話框，如圖1-11所示。 路徑設(shè)置完成后，單擊OK按鈕即可創(chuàng)建MDI應(yīng)用程序，其最終界面如圖1-12所示。下一步就可以使用用模板創(chuàng)建的MDI應(yīng)用程序，然后再根據(jù)需要對菜單及其工具欄進(jìn)行修改。這里我們重點(diǎn)看一下圖1-12中新建和打開功能實(shí)現(xiàn)的代碼，對我們自定義創(chuàng)建MDI應(yīng)用程序時(shí)非常有幫助。我們先看一下新建功能實(shí)現(xiàn)的代碼，它通過自定義CreateMDIChild過程來創(chuàng)建子窗體，而新建命令只調(diào)用定義的過程即可，請看下面的代碼。 圖1-11圖1-12procedure TMainForm.CreateMDIChild(const Name: string);var Child: TMDIChild;begin create a new MDI child window Child := TMDIChild.Create(Application); /新建子窗體 Child.Caption := Name; /定義子窗體名稱 if FileExists(Name) then /實(shí)現(xiàn)打開文件Child.Memo1.Lines.LoadFromFile(Name);end;procedure TMainForm.FileNew1Execute(Sender: TObject);begin /調(diào)用新建子窗體過程，并返回子窗體名稱 CreateMDIChild(NONAME + IntToStr(MDIChildCount + 1);end;在圖1-12中，打開功能實(shí)現(xiàn)的代碼如下。procedure TMainForm.FileOpen1Execute(Sender: TObject);begin if OpenDialog.Execute then /選擇并打開文件 CreateMDIChild(OpenDialog.FileName);end;1.2.3 應(yīng)用程序設(shè)置在開發(fā)應(yīng)用程序中，可以根據(jù)需要來重新設(shè)置應(yīng)用程序的主窗體以及應(yīng)用程序的標(biāo)題、圖標(biāo)和版本信息等。1定義主窗體及不可用窗體對創(chuàng)建的應(yīng)用程序，可以根據(jù)需要修改其主窗體，下面以圖1-10為例來介紹如何重新定義應(yīng)用程序的主窗體。執(zhí)行ProjectOptions命令，打開Project Options對話框，并切換到Forms選項(xiàng)卡，如圖1-13所示。在Forms選項(xiàng)卡的Main form下拉列表框中可重新選擇應(yīng)用程序的主窗體。在Auto-create forms列表中顯示了當(dāng)前應(yīng)用程序的所有可用窗體，在Available forms列表中當(dāng)前應(yīng)用程序中不可用的窗體。圖1-13對于常規(guī)的應(yīng)用程序，在運(yùn)行程序后只顯示主窗體而不會(huì)顯示其他窗體。對于MDI應(yīng)用程序除了主窗體外，還包括所有可用的子窗體，因此如果不想在運(yùn)行程序后顯示MDI應(yīng)用程序的子窗體，把它添加到Auto-create forms列表即可，如Form2。2設(shè)置應(yīng)用程序圖標(biāo)及標(biāo)題在開發(fā)應(yīng)用程序時(shí)，通常都要為應(yīng)用程序設(shè)置一個(gè)圖標(biāo)及標(biāo)題，圖標(biāo)是可執(zhí)行文件的圖標(biāo)，標(biāo)題則是顯示在操作系統(tǒng)任務(wù)欄中。在圖1-13中切換到Application選項(xiàng)卡，如圖1-14所示。在Title文本框中輸入當(dāng)前應(yīng)用程序的標(biāo)題，單擊Load Icon按鈕則可為應(yīng)用程序選擇適當(dāng)?shù)膱D標(biāo)。3設(shè)置版本信息對一個(gè)應(yīng)用程序的版本信息可在Project Options對話框的Version Info選項(xiàng)卡中進(jìn)行設(shè)置，如圖1-15所示。對圖中各項(xiàng)這里就不再詳細(xì)說明，若有興趣可參考其他相關(guān)書籍。 圖1-14圖1-151.3 其他窗體的創(chuàng)建技法除了主窗體外，還需要許多其他窗體，以便使應(yīng)用程序?qū)崿F(xiàn)人機(jī)交互。本節(jié)將簡單介紹這類窗體的各種創(chuàng)建技法。1.3.1 子窗體的創(chuàng)建技法這里的子窗體是指除主窗體之外的其他窗體，這些窗體的創(chuàng)建多數(shù)都可使用模板和自定義兩種技法來實(shí)現(xiàn)，如普通對話框類窗體等。 1使用模板創(chuàng)建子窗體使用模板創(chuàng)建子窗體較為方便，有些模板還提供實(shí)現(xiàn)某些功能的代碼，我們只要稍作修改即可使用，請看下面一個(gè)小實(shí)例，該實(shí)例是使用模板創(chuàng)建一個(gè)列表選擇的對話框，其實(shí)現(xiàn)步驟如下。 在Delphi的工具欄中單擊按鈕，打開New Items對話框并切換到Forms選項(xiàng)卡，如圖1-16所示。 選擇Dual list box項(xiàng)，并單擊OK按鈕即可創(chuàng)建窗體，如圖1-17所示。 修改窗體的Caption屬性值為“列表選擇對話框”，并分別修改兩個(gè)Label組件的Caption屬性為“源列表”和“目標(biāo)列表”。 圖1-16圖1-17 選擇左邊列表框，并在屬性面板中選擇Items屬性，并單擊其按鈕，彈出String List Editor對話框，在該對話框中可修改該列表中顯示的數(shù)據(jù)，然后單擊OK按鈕即可，修改后數(shù)據(jù)如圖1-18所示。 在圖1-17中的“”、“”和“”4個(gè)按鈕功能實(shí)現(xiàn)的代碼在模板中已經(jīng)提供，因此我們只需要修改左邊列表中數(shù)據(jù)即可使用。圖1-19為該實(shí)例運(yùn)行后的效果。 圖1-18圖1-19如果使用“目標(biāo)列表”中的數(shù)據(jù)，還需要對OK按鈕實(shí)現(xiàn)的功能編輯代碼，這不屬于本章的內(nèi)容，請讀者根據(jù)所使用的環(huán)境參考第2章的相關(guān)內(nèi)容。除了在Forms選項(xiàng)卡中圖1-19所示的窗體創(chuàng)建外，還提供了About box窗體和Tabbed pages窗體。在Dialogs選項(xiàng)卡中提供各種對話框窗體的模板，這些模板在使用時(shí)需要添加相應(yīng)組件及其功能實(shí)現(xiàn)的代碼。請讀者自己嘗試著創(chuàng)建，這里就不再一一說明。2自定義法創(chuàng)建子窗體自定義創(chuàng)建子窗體是指在一個(gè)空白窗體中根據(jù)需要添加組件，這種技法應(yīng)用靈活，可設(shè)計(jì)出極具個(gè)性的窗體。下面通過一個(gè)小實(shí)例來說明自定義創(chuàng)建窗體的方法，該實(shí)例是用戶設(shè)置密碼的界面，圖1-20為該實(shí)例的設(shè)計(jì)圖。圖1-20下面是該實(shí)例中子窗體創(chuàng)建的一般步驟。 在當(dāng)前應(yīng)用程序中單擊工具欄中的按鈕，創(chuàng)建窗體Form2，設(shè)置其Caption屬性為“密碼設(shè)置”，BorderStyle為bsDialog，Color為clSkyBlue，Position為poScreenCenter，并調(diào)整窗體的寬和高。 在Form2窗體中添加Panel組件，并放置到適當(dāng)?shù)奈恢?，并調(diào)整其寬和高，設(shè)置其屬性BevelInner和BevelOuter都為bvLowered，Color為clGradientActiveCaption。 在Panel組件中添加3個(gè)Label組件，其Caption屬性值如圖1-20中所示。 在Panel組件中添加3個(gè)Edit組件，其中Edit2和Edit3的PasswordChar屬性值設(shè)置為*。 在Form2窗體中添加兩個(gè)Button組件，其中Button1組件的Caption屬性設(shè)置為“確定”，Button2組件的Caption屬性設(shè)置為“取消”。 密碼設(shè)置窗體界面設(shè)計(jì)已經(jīng)完成，隨后就編輯其他功能實(shí)現(xiàn)的代碼，請讀者參考第2章相關(guān)內(nèi)容，來完成代碼編輯，這里就不再詳細(xì)介紹了。使用自定義法創(chuàng)建窗體，無非是在一個(gè)空白的窗體中添加各種需要的組件，再設(shè)置其屬性以達(dá)到美化界面的目的。1.3.2 使用向?qū)?chuàng)建數(shù)據(jù)瀏覽窗體在管理系統(tǒng)中，數(shù)據(jù)窗體也是最為常用的一種界面，它主要用于管理和瀏覽數(shù)據(jù)表中的數(shù)據(jù)。數(shù)據(jù)窗體可通過自定義和向?qū)煞N技法來實(shí)現(xiàn)，其中自定義創(chuàng)建窗體也是向空白窗體中添加組件，這里就不再介紹了。本節(jié)將重點(diǎn)介紹如何使用向?qū)?chuàng)建數(shù)據(jù)瀏覽窗體，下面是使用向?qū)?chuàng)建數(shù)據(jù)瀏覽窗體的一般步驟。 在當(dāng)前應(yīng)用程序中，執(zhí)行DatabaseForm Wizard命令，打開Database Form Wizard對話框，如圖1-21所示，在該對話框中的Form Options組中選擇創(chuàng)建窗體的樣式，在DataSet Opeions組件中選擇在數(shù)據(jù)窗體中使用的數(shù)據(jù)組件。圖1-21 設(shè)置完成后，單擊Next按鈕進(jìn)入數(shù)據(jù)表選擇界面，如圖1-22所示，在該界面中可選擇需要的數(shù)據(jù)表應(yīng)用在窗體中。圖1-22 數(shù)據(jù)表設(shè)置完成后，單擊Next按鈕，進(jìn)入字段設(shè)置界面，如圖1-23所示，在該界面中可設(shè)置將在窗體中顯示的字段。圖1-23 單擊圖1-23中的Next按鈕，進(jìn)入字段在窗體中的布局設(shè)置界面，如圖1-24所示，在該界面中提供了三種字段布局方式，其中Horizontally表示字段在窗體中水平對齊放置，Vertically表示字段在窗體中垂直對齊放置，In a grid表示字段數(shù)據(jù)通過表格顯示。圖1-24 字段布局方式設(shè)置完成后，單擊Next按鈕進(jìn)入標(biāo)簽位置設(shè)置界面，如圖1-25所示，在該界面中Left表示標(biāo)簽放置在文本框的左邊，Top表示標(biāo)簽放置在文本框的右邊。圖1-25 窗體布局設(shè)置完成后，單擊Next按鈕進(jìn)入數(shù)據(jù)窗體向?qū)瓿山缑妫鐖D1-26所示，在該界面中如果選擇Generate a main form復(fù)選框，則產(chǎn)生的窗體將作為當(dāng)前應(yīng)用程序的主窗體，如果選擇Form and DataModule項(xiàng)，將產(chǎn)生一個(gè)窗體和一個(gè)數(shù)據(jù)模塊，本例選擇如圖1-26中所示。圖1-26 在圖1-26中單擊Finish按鈕，將生成如圖1-27所示的窗體，該窗體中的組件放置有些凌亂，我們需要重新調(diào)整各組件的位置，并修改該窗體及其組件的屬性。圖1-27 修改Form2的Caption屬性值為“數(shù)據(jù)瀏覽窗口”，并重新調(diào)整各組件的位置，然后運(yùn)行程序并測試其效果，如圖1-28所示。圖1-28使用向?qū)?chuàng)建數(shù)據(jù)窗體，多數(shù)用于簡單的數(shù)據(jù)瀏覽，而且界面樣式固定，對于較為復(fù)雜的數(shù)據(jù)瀏覽就不太適合。因此建議讀者自己動(dòng)手設(shè)計(jì)窗體，既可增強(qiáng)自己的熟練程度，也可設(shè)計(jì)出有特色的界面。1.4 窗體的打開與關(guān)閉技法窗體的打開與關(guān)閉可分為兩種情況：一種是可用窗體的打開與關(guān)閉，另一種是不可用窗體的打開與關(guān)閉。在圖1-13中左邊列表中的窗體為當(dāng)前應(yīng)用程序的可用窗體，右邊列表中的窗體為當(dāng)前窗體中的不可用窗體，本節(jié)將介紹這兩種情況的窗體打開與關(guān)閉的技法。1.4.1 可用窗體的打開與關(guān)閉當(dāng)應(yīng)用程序運(yùn)行時(shí)，其他看不到的可用窗體其實(shí)并沒有真正關(guān)閉，只是以某種