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

《Windows應(yīng)用程序界面設(shè)計(jì).ppt》由會員分享，可在線閱讀，更多相關(guān)《Windows應(yīng)用程序界面設(shè)計(jì).ppt（50頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

《Delphi程序設(shè)計(jì)》,主講：陳強(qiáng),南昌理工學(xué)院計(jì)算機(jī)系,《Delphi程序設(shè)計(jì)》,第1章Delphi2005簡介第2章ObjectPascal語言基礎(chǔ)第3章Windows應(yīng)用程序界面設(shè)計(jì)第4章菜單、工具欄和對話框第5章使用復(fù)雜組件第6章面向?qū)ο蟮暮诵奶匦缘?章多文檔界面設(shè)計(jì)第8章程序調(diào)試與異常處理第9章文件操作和流第10章多媒體應(yīng)用設(shè)計(jì)第11章數(shù)據(jù)庫應(yīng)用設(shè)計(jì)第12章綜合應(yīng)用設(shè)計(jì),《Delphi程序設(shè)計(jì)》,第3章Windows應(yīng)用程序界面設(shè)計(jì),3.1可視化編程基礎(chǔ)3.2窗體Form3.3文本顯示與編輯控件3.4按鈕3.5選項(xiàng)按鈕3.6列表框3.7界面布局3.8定時器Timer,《Delphi程序設(shè)計(jì)》,3.1可視化編程基礎(chǔ),3.1.1面向?qū)ο蠡靖拍?.1.2定義類和使用對象3.1.3對象的屬性、方法和事件3.1.4事件驅(qū)動的Delphi應(yīng)用程序3.1.5組件概述,《Delphi程序設(shè)計(jì)》,3.1.1面向?qū)ο蠡靖拍?類與對象類對象類的封裝性、繼承性和多態(tài)性類的封裝性類的繼承性類的多態(tài)性,《Delphi程序設(shè)計(jì)》,3.1.2定義類和使用對象,定義類定義子類type類=class(父類)數(shù)據(jù)域聲明;方法聲明首部;end;,《Delphi程序設(shè)計(jì)》,3.使用對象,聲明對象varForm1:TForm1;對象實(shí)例化Application.CreateForm(TForm1,Form1);引用對象中的數(shù)據(jù)域和調(diào)用對象的方法對象.數(shù)據(jù)域?qū)ο?方法(實(shí)際參數(shù)表)釋放對象aday.Free;,《Delphi程序設(shè)計(jì)》,4.self指代對象自身,procedureTForm1.FormCreate(Sender:TObject);beginself.Caption:=self.Caption+‘演示程序’;end;,《Delphi程序設(shè)計(jì)》,5.as和is運(yùn)算符,SenderasTButton//將Sender對象轉(zhuǎn)換為一個TButton類的對象SenderisTComponent//判斷Sender是否屬于TComponent類及其子類,《Delphi程序設(shè)計(jì)》,3.1.3對象的屬性、方法和事件,對象的屬性屬性的讀寫特性：可讀寫屬性和只讀屬性屬性的作用時間：設(shè)計(jì)時屬性和運(yùn)行時屬性引用對象屬性對象.屬性對象的方法對象的事件,《Delphi程序設(shè)計(jì)》,3.1.4事件驅(qū)動的Delphi應(yīng)用程序,組件的事件由消息觸發(fā)Delphi應(yīng)用程序由事件驅(qū)動procedureTForm1.Button1Click(Sender:TObject);begin//事件處理程序end;,《Delphi程序設(shè)計(jì)》,3.1.5組件概述,組件組件分類控件窗口控件是能夠獲得輸入焦點(diǎn)的控件。圖形控件是不能獲得輸入焦點(diǎn)的控件。非可視組件查看組件的屬性、方法、事件及其類層次,《Delphi程序設(shè)計(jì)》,圖3.1組件類圖,,《Delphi程序設(shè)計(jì)》,3.2窗體Form,3.2.1窗口與窗體3.2.2窗體的屬性、方法和事件,《Delphi程序設(shè)計(jì)》,3.2.1窗口與窗體,1.Windows窗口2.Delphi窗體,《Delphi程序設(shè)計(jì)》,3.2.2窗體的屬性、方法和事件,窗體的主要屬性Name窗體對象名Caption窗體標(biāo)題Left與Top窗體位置，左上角在屏幕的坐標(biāo)Height與Width窗體的高度與寬度Color窗體工作區(qū)的背景顏色Enabled窗體的有效性Visible窗體的可視性Icon窗體標(biāo)題上的小圖標(biāo)Font窗體的字體Position窗體運(yùn)行時的初始位置WindowState窗體運(yùn)行時的初始狀態(tài),《Delphi程序設(shè)計(jì)》,2.窗體的主要方法,Close關(guān)閉窗口Create創(chuàng)建并初始化一個窗口對象Hide隱藏窗口SetFocus使窗口獲得焦點(diǎn)SetFocusedControl使窗口上的控件獲得焦點(diǎn)Show顯示被隱藏的窗口,《Delphi程序設(shè)計(jì)》,3.窗體的主要事件,OnCreate和OnDestroy事件OnShow和OnHide事件OnActivate和OnDeactivate事件OnClick和OnDblClick事件OnPaint事件OnCanResize和OnResize事件OnCloseQuery和OnClose事件,《Delphi程序設(shè)計(jì)》,4.窗體事件的觸發(fā)次序,創(chuàng)建窗口時由用戶操作觸發(fā)的事件關(guān)閉窗口時【例3.1】理解窗體的事件。新建應(yīng)用程序添加組件Label編寫窗體OnCreate事件處理程序窗體OnCanResize和OnResize事件處理程序,《Delphi程序設(shè)計(jì)》,3.3文本顯示與編輯控件,3.3.1標(biāo)簽Label3.3.2單行編輯框Edit3.3.3格式編輯框MaskEdit3.3.4多行編輯框Memo3.3.5多行RTF文本編輯框RichEdit3.3.6漸變編輯框SpinEdit,《Delphi程序設(shè)計(jì)》,3.3.1標(biāo)簽Label,Label是一種用來顯示文字的圖形控件，它不能獲得輸入焦點(diǎn)，因而只能顯示文本，不能編輯，常用來顯示不需要修改的文字。標(biāo)簽的主要屬性Caption顯示的文字內(nèi)容在窗體中引用組件屬性的格式如下：窗體.組件.屬性self.Label1.Caption:=你好！;,《Delphi程序設(shè)計(jì)》,3.3.2單行編輯框Edit,Edit是一種用于編輯單行文本的窗口控件，通常用于動態(tài)地輸入一行文本。單行編輯框的屬性Text顯示的文字內(nèi)容單行編輯框的事件OnChange當(dāng)Edit的Text屬性值改變時觸發(fā),《Delphi程序設(shè)計(jì)》,【例3.2】求一個整數(shù)的各位數(shù)字。,圖形界面設(shè)計(jì)窗口初始化程序響應(yīng)輸入值避免程序出現(xiàn)運(yùn)行錯誤自定義函數(shù)isInteger(str),《Delphi程序設(shè)計(jì)》,3.3.3格式編輯框MaskEdit,EditMask屬性Text和EditText屬性EditText是運(yùn)行時屬性【例3.3】使用MaskEdit編輯單行格式文本。設(shè)置文本格式動態(tài)改變單行編輯框的文本,《Delphi程序設(shè)計(jì)》,3.3.4多行編輯框Memo,Memo用于編輯多行文本。Lines屬性Alignment屬性WantReturns屬性WantTabs屬性ScrollBars屬性,《Delphi程序設(shè)計(jì)》,3.3.5多行RTF文本編輯框RichEdit,RichEdit控件的主要屬性SelStart和SelLenght屬性：選中文本塊的起始位置和長度。DefAttributes和SelAttributes屬性：默認(rèn)字體樣式和當(dāng)前所選字體樣式。Paragraph屬性：光標(biāo)或選中塊所在段落的段屬性。RichEdit控件的主要事件OnSelectionChange事件,《Delphi程序設(shè)計(jì)》,【例3.4】多行文本編輯框。,演示RichEdit控件的使用方法。顯示RichEdit1的選中塊位置剪切、復(fù)制和粘貼操作,《Delphi程序設(shè)計(jì)》,3.3.6漸變編輯框SpinEdit,SpinEdit是一個帶有上下箭頭的編輯框，其中數(shù)據(jù)能夠按照指定增量逐漸變化。SpinEdit屬性Value屬性表示值，Increment屬性表示每次的變化量。MaxValue和MinValue屬性表示數(shù)據(jù)變化范圍，即最大值與最小值。SpinEdit主要事件有OnChange事件,《Delphi程序設(shè)計(jì)》,3.4按鈕,3.4.1按鈕Button3.4.2圖像按鈕BitBtn3.4.3加速按鈕SpeedButton,《Delphi程序設(shè)計(jì)》,3.4.1按鈕Button,Button按鈕的主要屬性Caption屬性：按鈕的標(biāo)題。Default屬性：默認(rèn)按鈕，即按下Enter鍵，將觸發(fā)Button的OnClick事件。Cancel屬性：取消按鈕，即按下Esc鍵，將觸發(fā)Button的OnClose事件。Button按鈕的主要事件OnClick事件,《Delphi程序設(shè)計(jì)》,3.4.2圖像按鈕BitBtn,Kind屬性決定BitBtn的種類。取值為bkYes、bkNo等Glyph屬性為BitBtn指定一個.bmp文件，顯示在按鈕表面。Layout屬性控制位圖與文本的相對位置，取值為blGlyphLeft（位圖居左，默認(rèn)值）、blGlyphRight等,《Delphi程序設(shè)計(jì)》,3.4.3加速按鈕SpeedButton,Down屬性：按下狀態(tài)Flat屬性：凸現(xiàn)GroupIndex屬性：成組,《Delphi程序設(shè)計(jì)》,【例3.5】設(shè)計(jì)“計(jì)算器”。,使用Edit、BitBtn與SpeedButton控件自定義兩個過程用于輸入和運(yùn)算窗口初始化數(shù)字和運(yùn)算符按鈕的事件處理程序清除和退格按鈕關(guān)于自定義過程和函數(shù)的說明關(guān)于本例的說明,《Delphi程序設(shè)計(jì)》,3.5選項(xiàng)按鈕,3.5.1復(fù)選框CheckBox3.5.2單選按鈕RadioButton與組框GroupBox3.5.3單選按鈕組RadioGroup,《Delphi程序設(shè)計(jì)》,3.5.1復(fù)選框CheckBox,CheckBox是一個帶標(biāo)簽的方框?，方框中打勾號?表示選擇，?表示不選擇。單擊可改變狀態(tài)。復(fù)選框選中與否的狀態(tài)用Checked屬性表示。,《Delphi程序設(shè)計(jì)》,3.5.2單選按鈕RadioButton與組框GroupBox,單選按鈕單選按鈕RadioButton用來顯示一組互斥的選擇。位于同一個組件中的多個單選按鈕構(gòu)成一個組，實(shí)現(xiàn)單選。單選按鈕選中與否的狀態(tài)用Checked屬性表示。組框?yàn)橐唤M相關(guān)聯(lián)的組件提供一個可視分組，,《Delphi程序設(shè)計(jì)》,3.5.3單選按鈕組RadioGroup,單選按鈕組RadioGroup是一個組框與一組單選按鈕的組合。其特有的屬性有：Columns，指明RadioButton的列數(shù)，取值范圍為1～16Items，指定各單選按鈕的顯示文本ItemIndex，指示當(dāng)前被選中RadioButton的序號,《Delphi程序設(shè)計(jì)》,3.6列表框,3.6.1列表框ListBox3.6.2組合框ComboBox3.6.3復(fù)選列表框CheckListBox,《Delphi程序設(shè)計(jì)》,3.6.1列表框ListBox,列表框的主要屬性Items屬性ItemIndex屬性Columns屬性MultiSelect屬性Selected屬性列表框的主要方法Clear方法，清除列表框中的所有數(shù)據(jù)項(xiàng)。列表框的主要事件OnChange事件：當(dāng)用戶在列表框中選擇新的數(shù)據(jù)項(xiàng)時觸發(fā)。OnClick事件：當(dāng)用戶單擊列表框時觸發(fā)。,《Delphi程序設(shè)計(jì)》,3.6.2組合框ComboBox,組合框的主要屬性Style屬性：指定組合框的類型，取值為csDropDown（可編輯且有下拉列表）、csDropDownList（不可編輯只有下拉列表）、csSimple（只可編輯沒有下拉列表）。組合框的主要方法組合框的主要事件OnChange事件：當(dāng)用戶在下拉列表中選擇新的數(shù)據(jù)項(xiàng)，或在編輯框中修改了數(shù)據(jù)時觸發(fā)。OnDropDown事件：當(dāng)用戶單擊編輯框右端的箭頭按鈕，打開下拉列表時觸發(fā)。,《Delphi程序設(shè)計(jì)》,【例3.6】設(shè)計(jì)字體對話框。,演示單選按鈕、復(fù)選框、列表框和組合框等組件的使用方法。改變文本顏色改變字形改變段落對齊方式改變字體改變字號,《Delphi程序設(shè)計(jì)》,3.6.3復(fù)選列表框CheckListBox,Checked屬性：運(yùn)行時屬性，表示每個數(shù)據(jù)項(xiàng)的狀態(tài)。Checked是一個數(shù)組，元素類型為boolean。OnClickCheck事件：單擊數(shù)據(jù)項(xiàng)前的復(fù)選框時觸發(fā)。,《Delphi程序設(shè)計(jì)》,【例3.7】管理關(guān)鍵詞庫。,演示CheckListBox的多項(xiàng)選擇用法顯示選中項(xiàng)添加數(shù)據(jù)項(xiàng)刪除當(dāng)前數(shù)據(jù)項(xiàng)刪除所有選中數(shù)據(jù)項(xiàng),《Delphi程序設(shè)計(jì)》,3.7界面布局,3.7.1布局工具3.7.2控件的包含關(guān)系3.7.3布局屬性Align與Anchor3.7.4分隔條Splitter,《Delphi程序設(shè)計(jì)》,3.7.1布局工具,選擇多個組件對齊對話框調(diào)整控件大小的Size對話框?qū)R工具欄,《Delphi程序設(shè)計(jì)》,3.7.2控件的包含關(guān)系,面板（Panel）控件的Parent屬性,《Delphi程序設(shè)計(jì)》,3.7.3布局屬性Align與Anchor,Align屬性alNonealLeft、alRight、alTop和alBottomalClientAnchor屬性,《Delphi程序設(shè)計(jì)》,3.7.4分隔條Splitter,Splitter的主要屬性Align屬性Beveled屬性MinSize屬性Splitter的主要事件OnCanResize事件OnMoved事件【例3.8】分隔窗口。,《Delphi程序設(shè)計(jì)》,3.8定時器Timer,Timer是一個非可視組件Enabled屬性控制定時器的開關(guān)狀態(tài)。Interval屬性控制操作執(zhí)行的時間間隔，只有一個事件OnTimer?！纠?.9】字符串的滾動顯示。使用Edit、SpinEdit及Timer組件。字符串實(shí)現(xiàn)滾動控制滾動速度,《Delphi程序設(shè)計(jì)》,實(shí)驗(yàn)3Windows應(yīng)用程序界面設(shè)計(jì),整數(shù)進(jìn)制轉(zhuǎn)換。貨幣轉(zhuǎn)換多項(xiàng)選擇與數(shù)據(jù)移動,